JS UI Framework

• Общие сведения
• Структура директорий
• Доступные API
• Использование
• Значимые репозитории

Общие сведения

Фреймворк JS UI представляет собой набор фреймворков JS-UI, предоставляемых для создания приложений OpenHarmony на мини-системах. Ниже приведена архитектура фреймворка.

Рисунок 1 Архитектура фреймворка

Фреймворк JS UI состоит из JavaScript-фреймворка данных, JavaScript-временной среды выполнения и JavaScript-фреймворка.

• JavaScript-фреймворк данных

  Предоставляет набор базовых возможностей связывания данных через JavaScript.

• JavaScript-временная среда выполнения

  Поддерживает парсинг и выполнение кода на JavaScript.

• JavaScript-фреймворк

  Предоставляет механизм работы JavaScript-API и компонентов через язык C++.

Структура директорий

Код фреймворка хранится в директории /foundation/arkui/arkui_ace_engine_lite. Структура директорий следующая:``` /foundation/arkui/arkui_ace_engine_lite ├── frameworks # Код фреймворка │ ├── common # Общие библиотеки │ ├── examples # Примеры кода │ ├── include # Заголовочные файлы │ ├── module_manager # Управление модулем JS │ ├── native_engine # Адаптер движка JS │ ├── packages # Реализация на JavaScript │ ├── src # Исходный код │ ├── targets # Конфигурационные файлы целевых устройств │ └── tools # Инструментальный код ├── interfaces # Внешние экспонируемые API │ └── innerkits # Заголовочные файлы внутренних подсистем │ └── builtin # Экспонируемые API сторонних модулей JavaScript, предоставляемых фреймворком JS UI └── test # Тестовые случаи

Подробнее о доступных API см. раздел [Разработка приложений на JavaScript](https://device.harmonyos.com/en/docs/apiref/js-framework-file-0000000000616658). ## Пример использования <a name="section1096366014288"></a>

- Разработка приложений

  Для получения более подробной информации о разработке приложений обратитесь к разделу [Визуальная разработка приложений](https://docs.openharmony.cn/pages/v3.1/en/device-dev/guide/device-camera-visual-overview.md/).

- Разработка фреймворка

  Для выполнения действий по разработке самого JS UI фреймворка, обратитесь к разделу [Инструмент отладки фреймворка](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**