Агентский портал страховой компании на микрофронтендах Angular

Крупная страховая компания переводит продажи на новую корпоративную платформу. Её центр это агентский портал: через него агенты, субагенты и штатные сотрудники находят клиентов, подбирают страховой продукт, рассчитывают стоимость и оформляют полис. Учётные записи сотрудников переносятся на портал со старой системы.

Рядом с порталом развивается единая фронтенд-платформа: общие инструменты, компоненты и SDK, которыми пользуются разные продуктовые команды.

Программа большая. Только на стороне фронтенда работает шесть разработчиков, кроме них девять бэкенд-разработчиков, шесть тестировщиков, около шестнадцати бизнес- и системных аналитиков, техлиды, архитектор и DevOps-инженер. С августа 2025 года компания усиливает команды разработчиками Фортех: наши специалисты работают в нескольких командах сразу.

Задача

Каждый разработчик Фортех отвечает за свой участок:

• архитектура микрофронтендов, SDK и общие инструменты платформы;
• процесс оформления полиса: компоненты страхователя, собственника, транспортного средства и условий договора, расчёт стоимости;
• корзина продаж: выбор продукта, оформление и связка с отдельным микрофронтендом ОСАГО;
• карточка клиента: создание, просмотр, редактирование и поиск;
• управление учётными записями агентов, субагентов и штатных сотрудников.

Ограничения задачи

Над одним порталом работают несколько команд одновременно. Модули должны разрабатываться и выкатываться независимо, иначе релиз одной команды тормозит остальных.

Функции и данные зависят от роли. Агент, субагент и штатный сотрудник видят разное, и это надо учитывать на каждом экране, а не только при входе.

Агент может потерять связь посреди оформления полиса, и заполненные данные не должны пропасть.

Портал работает с персональными данными и документами клиентов, поэтому нужны защита от ботов, журнал действий и проверка прав на клиенте в связке с серверной авторизацией.

Решение

Микрофронтенды и SDK. Архитектура построена на Webpack Module Federation: «Выбор продукта», «Оформление корзины», «Поиск клиентов», «Карточка клиента», «Управление учётными записями» и другие модули развиваются отдельно. Переиспользуемые компоненты и утилиты публикуются пакетами в Artifactory с управлением версиями. Для команд платформы сделан SDK фронтенд-компонентов и инструмент для тестирования фронтенда.

Оформление полиса. Разработчик Фортех собрал контейнер процесса оформления договора и компоненты страхователя, собственника, транспортного средства с характеристиками и условий договора. Стоимость полиса пересчитывается при изменении параметров. Реквизиты подставляются из DaData, сканы документов в PDF, JPG и PNG загружаются с проверкой формата и размера, предпросмотром и привязкой к договору. Перед выпуском полиса клиент даёт согласие на отдельной странице.

Поиск и корзина. Мультипоиск ищет клиента по ФИО, ИНН, номеру полиса, VIN и госномеру с фильтрацией и историей расчётов. Общий компонент поиска работает во всех микрофронтендах. Корзина объединяет выбор продукта и оформление и передаёт контекст клиента в микрофронтенд ОСАГО.

Карточка клиента. Форма создания клиента подсказывает данные через API, проверяет документы и берёт на себя основную бизнес-логику, поэтому агенту сложнее ошибиться. Таблица договоров показывает статусы, и каждый сотрудник видит только те договоры, на которые у него есть права. Документы клиента собраны в одном месте с историей изменений, фильтром по типу и быстрым добавлением новых версий.

Учётные записи и права. Сделаны страница создания учётной записи штатного сотрудника и проверка привилегий на стороне клиента. Страницы для агентов и субагентов, раздел управления профилями и метрики APM были в работе.

Надёжность и сервисы платформы. Черновики сохраняются при потере сети. Вход идёт через Blitz SSO, обновления в реальном времени приходят по SignalR. На всё приложение работают единая система уведомлений, общий подход к обработке ошибок, reCAPTCHA, телеметрия и продуктовая аналитика. Функции включаются и выключаются через feature toggles без нового деплоя. Отдельно сделаны навигационное меню и страница новостей.

У страховой компании появился агентский портал, где весь путь от поиска клиента до выпуска полиса проходит в одном процессе: данные подставляются автоматически, стоимость считается сразу, сканы и согласие привязываются к договору.

Команды разрабатывают и выкатывают свои модули независимо, а общие компоненты берут из SDK и пакетов в Artifactory, а не пишут заново.

Разработчики Фортех работают в программе с августа 2025 года сразу в нескольких командах: платформы, оформления полиса, корзины, карточки клиента и учётных записей.

Частые вопросы

Зачем страховому порталу микрофронтенды?
Над порталом работают несколько команд. Module Federation позволяет каждой выкатывать свой модуль, например корзину или поиск клиентов, не дожидаясь общего релиза.

Как не потерять данные, если у агента пропала связь?
Сохранять черновик договора локально и синхронизировать его, когда соединение вернётся. Так агент продолжит оформление с того же места.

Как разграничить доступ агентов, субагентов и штатных сотрудников?
Проверять привилегии на клиенте в связке с серверной авторизацией и показывать функции и договоры в зависимости от роли и зоны ответственности сотрудника.

Можно ли подключить к большой программе сразу нескольких фронтенд-разработчиков?
Да. Здесь Angular-разработчики Фортех с августа 2025 года работают в разных командах одной программы: от платформенного SDK до корзины продаж.