Техническое задание: Создание iframe-модулей из Angular-приложения
Цель проекта
Требуется извлечь из существующего устаревшего (legacy) проекта на Angular отдельные, самодостаточные части пользовательского интерфейса. Основной фокус - на визуальных компонентах, таких как графики, диаграммы или виджеты. Эти компоненты должны быть преобразованы в независимые модули, доступные для встраивания в другие веб-сервисы через технологию iframe.
Ключевые задачи
- Анализ текущей кодовой базы legacy-проекта на Angular и выявление целевых компонентов.
- Изоляция выбранных компонентов (например, графиков) от основной бизнес-логики и зависимостей приложения.
- Создание легковесных, самостоятельных приложений или страниц для каждого компонента, готовых к работе в окружении iframe.
- Обеспечение безопасной и гибкой интеграции: настройка CORS, организация передачи данных (через postMessage или параметры URL).
- Документирование процесса интеграции для сторонних разработчиков.
Требования к результату
- Каждый выделенный компонент должен быть доступен по уникальному URL.
- Компоненты должны быть адаптивными и корректно отображаться внутри iframe разного размера.
- Решение должно минимизировать нагрузку и не требовать загрузки всего исходного приложения.
- Необходимо предусмотреть возможность кастомизации (например, передача цветовой схемы или данных для графика через API).