Фронтенд-архитектура Битрикс: от модулей к сервисам

Для организации фронтенда в Битрикс-проектах рекомендуется использовать DDD-подобную структуру, аналогичную бекенду. Это предполагает создание отдельных модулей для доменов (например, deals, visits, contacts), инфраструктурных компонентов (работа с календарем) и общих утилит (enums).
Фронтенд-архитектура Битрикс: от модулей к сервисам
Изображение носит иллюстративный характер

В качестве примера, для получения минимальной даты доставки сделки, создается модуль enums, содержащий константы для запросов к бекенду. Модуль BXCalendar управляет отображением дат в календаре, блокируя выбор более ранних дат. Модуль deals следит за событиями слайдера сделок и обращается к контроллеру, который запрашивает минимальную дату доставки и устанавливает ограничение в календаре.

Для установки окружения на сервере используется docker-compose, добавляя node-контейнер. Внутри node устанавливается Bitrix CLI, создается структура каталогов по принципу DDD и выполняются сборки. Важно переименовывать классы и файлы аналогично PHP, корректируя bundle.config.js и config.php.

В заключение, фронтенд подключается на бекенде через класс для работы с расширениями, а также проводится сборка фронтенда. Такой подход обеспечивает структурированный и поддерживаемый код, позволяя удобно масштабировать и развивать функциональность.


Новое на сайте