JS UI Framework

Introduction

The JS UI framework is a set of JS-UI frameworks provided for you to develop OpenHarmony applications on mini system. The following figure shows the framework architecture.

Figure 1 Framework architecture

The JS UI framework consists of the JavaScript data binding framework, JavaScript runtime, and JavaScript framework.

  • JavaScript data binding framework

    Provides a set of basic data binding capabilities through JavaScript.

  • JavaScript runtime

    Supports parsing and execution of JavaScript code.

  • JavaScript framework

    Provides the framework mechanism of JavaScript APIs and components through the C++ language.

Directory Structure

The source code of the framework is stored in /foundation/arkui/arkui_ace_engine_lite. The directory structure is as follows:

/foundation/arkui/arkui_ace_engine_lite
├── frameworks         # Framework code
│   ├── common         # Common kits
│   ├── examples       # Sample code
│   ├── include        # Header files
│   ├── module_manager # JS module manager
│   ├── native_engine  # JS engine adapter
│   ├── packages       # JavaScript implementation
│   ├── src            # Source code
│   ├── targets        # Configuration files of target devices
│   └── tools          # Tool code
├── interfaces         # APIs exposed externally
│   └── innerkits      # Header files for internal subsystems
│       └── builtin    # JavaScript third-party module APIs exposed by the JS UI framework
└── test               # Test cases

Available APIs

For details about the APIs, see the JS Application Development.

Usages

  • Application Development

    Please refer to Visual Application Development for more application development details.

  • Framework Development

    For development action on the JS UI framework itself, please refer to The Framework Debugging Tool, this tool provides one small PC simulator debugging environment, which can be used for framework code development.

Repositories Involved

arkui_ace_engine_lite