Конструктор модулейВеб-интерфейс
Работа с файлами (Assets)
Менеджер ассетов конструктора — как подключить к интерфейсу свой JavaScript, CSS, изображения и шрифты.
Ассеты — это файлы, которые вы прикрепляете к интерфейсу: собственный JavaScript, стили CSS, изображения и шрифты. Они добавляются через менеджер ассетов в конструкторе и загружаются вместе со страницей интерфейса.
Какие файлы можно подключить
- JavaScript — ваша собственная логика. Код выполняется на странице интерфейса и имеет полный
доступ к
Engine.apiиInterfaceRuntime. - CSS — дополнительные стили поверх выбранного оформления.
- Изображения — логотипы, иконки, фоновые картинки для интерфейса.
- Шрифты — свои шрифты для оформления.
Как подключить свой код
- Откройте менеджер ассетов в конструкторе.
- Добавьте файл — например,
main.js. - Файл автоматически подключится к странице интерфейса.
Внутри своего скрипта дождитесь готовности интерфейса, прежде чем обращаться к API (см. Начало работы):
document.addEventListener('interface:ready', () => {
// Здесь Engine.api и InterfaceRuntime гарантированно доступны
Engine.api.ui.on('workflow:start', (data) => {
console.log('Пользователь запустил сценарий', data);
});
});Ассеты и файлы на диске — это разное
Ассеты — это файлы, встроенные в интерфейс. Чтобы работать с файлами на диске пользователя (открыть, сохранить, прочитать), используйте Electron — он доступен только в настольном приложении.