JS UI Framework

• Introduction
• Directory Structure
• Available APIs
• Usage
• Repositories Involved

Introduction

The JS UI framework is a set of JS-UI frameworks provided for you to develop OpenHarmony applications. 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/ace/ace_engine_lite. The directory structure is as follows:

/foundation/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.

Usage

For details, go to the readme repository:

https://gitee.com/openharmony/docs/blob/master/en/readme/js-ui-framework.md

Repositories Involved

ace_engine_lite