Подсистема компонентов JS-UI фреймворка

• Обзор
• Структура каталога
• Интерфейсы
• Пример использования
• Связанные репозитории

Обзор

Легкая система подсистемы JS-UI фреймворка, предоставляемая OpenHarmony для разработчиков, представляет собой набор инструментов для создания приложений OpenHarmony с использованием JS-UI фреймворка. Она развернута в легкой системе и обеспечивает возможности разработки пользовательского интерфейса.

Структура подсистемы JS-UI фреймворка

Рисунок 1 Подсистема JS-UI фреймворка

Подсистема JS-UI фреймворка состоит из следующих частей:

• JS Data binding

  JS-фреймворк данных использует JavaScript для предоставления базовых возможностей связывания данных.

• JS runtime

  JS среда выполнения предназначена для анализа и выполнения JS-кода.

• JS framework

  Часть JS-фреймворка реализована на C++, предоставляя механизмы работы с JS API и компонентами.

Структура каталога

Исходный код подсистемы JS-UI фреймворка расположен в директории /foundation/arkui/arkui_ace_engine_lite. Структура каталога представлена ниже:```bash /foundation/arkui/arkui_ace_engine_lite ├── frameworks # Directory containing framework code │ ├── common # Directory with common utilities │ ├── examples # Directory with example code │ ├── include # Directory with header files │ ├── module_manager # Directory for managing the JS module │ ├── native_engine # Directory for adapting the JS engine │ ├── packages # Directory storing the implementation of the JS framework │ ├── src # Directory with source code │ ├── targets # Directory with configuration files for different target devices │ └── tools # Directory with utility tools ├── interfaces # Directory with external interfaces │ └── innerkits # Directory with header files for internal subsystems │ └── builtin # Directory with API interface modules for the JS-UI framework └── test # Directory with test cases

Для получения информации об API обратитесь к руководству [«Открытый справочник по API для устройства OpenHarmony»](https://device.harmonyos.com/cn/docs/develop/apiref/js-framework-file-0000000000611396), который включает основные данные для разработки приложений, такие как описание состава приложения и поддерживаемых JS-UI компонентов и интерфейсов.## Использование <a name="section11683166113011"></a>

- Разработка сторонних приложений для легковесной системы

  Для получения информации о деталях разработки приложения можно обратиться к [руководству "Разработка приложений с использованием визуального оборудования для легковесной системы"](https://gitee.com/openharmony/docs/blob/master/zh-cn/device-dev/guide/device-camera-visual-overview.md/).

- Отладка легковесного JS-UI разработческого фреймворка

  Чтобы удобнее было отлаживать сам фреймворк, предоставлен проект имитационной отладки на ПК, основанный на QT, подробнее см. [инструкцию по использованию имитатора отладки](https://gitee.com/openharmony/arkui_ace_engine_lite/blob/master/frameworks/tools/qt/simulator/README_zh.md).


## Связанные репозитории <a name="section11683135113011"></a>

**arkui_ace_engine_lite**