Перейти к содержимому
Документация
Конструктор модулейВеб-интерфейс

Работа с файлами (Assets)

Менеджер ассетов конструктора — как подключить к интерфейсу свой JavaScript, CSS, изображения и шрифты.

Ассеты — это файлы, которые вы прикрепляете к интерфейсу: собственный JavaScript, стили CSS, изображения и шрифты. Они добавляются через менеджер ассетов в конструкторе и загружаются вместе со страницей интерфейса.

Какие файлы можно подключить

  • JavaScript — ваша собственная логика. Код выполняется на странице интерфейса и имеет полный доступ к Engine.api и InterfaceRuntime.
  • CSS — дополнительные стили поверх выбранного оформления.
  • Изображения — логотипы, иконки, фоновые картинки для интерфейса.
  • Шрифты — свои шрифты для оформления.

Как подключить свой код

  1. Откройте менеджер ассетов в конструкторе.
  2. Добавьте файл — например, main.js.
  3. Файл автоматически подключится к странице интерфейса.

Внутри своего скрипта дождитесь готовности интерфейса, прежде чем обращаться к API (см. Начало работы):

document.addEventListener('interface:ready', () => {
  // Здесь Engine.api и InterfaceRuntime гарантированно доступны
  Engine.api.ui.on('workflow:start', (data) => {
    console.log('Пользователь запустил сценарий', data);
  });
});

Ассеты и файлы на диске — это разное

Ассеты — это файлы, встроенные в интерфейс. Чтобы работать с файлами на диске пользователя (открыть, сохранить, прочитать), используйте Electron — он доступен только в настольном приложении.