Architecture

As illustrated in above diagram, Nebula is the core component of H5 Container, it resides at the Service layer and above the Native Framework layer in the mobile OS.

Native Framework

The Native Framework is the foundation of the mobile OS, this layer provides standard interfaces that expose hardware capabilities to high-level language frameworks, such as Java (Android) or Object-C (iOS). It consists of multiple libraries that implement an interface for a specific hardware component. When a framework API invokes access device hardware, the system loads the library module for that hardware component.

Service

The Service layer provides a set of high-level language framework APIs for developer to use the resources from mobile OS, which includes, but not limited to the following:

• A View system, that you can use to build application’s UI, including text, image, buttons and custom views
• A Resource manager, to retrieve non-code related resource such as localized text, graphics and layout
• Application life cycle manager, it decides when to start, stop or kill the applications in the mobile OS

You can see Nebula and WebView forms the H5 Container component and sit inside this Service layer, we will talk more about H5 Container here.

H5 Application

The H5 Application is the core application that you can develop on top of H5 Container, it is based on HTML and Javascript technology, cross-platform in natural, and supports real time hot-fixes through the offline package feature.