Микрофронтенды для системы управления объектами добычи нефти, газа и других полезных ископаемых

Разработать набор микрофронтендов и библиотечных компонентов для визуализации, анализа и управления процессами, связанными с бурением скважин и добычей нефти, газа и других полезных ископаемых. Обеспечить построение диаграмм Ганта, управление процессами 
и интеграцию аналитики и единой системы аутентификации (SSO) в root-front-приложение.

В рамках проекта было решено:

• разработать независимые микрофронтенды и организовать их взаимодействие через API;

• реализовать диаграммы Ганта для управления этапами бурения и строительства;

• разработать аналитические панели для анализа подрядчиков, ресурсов и сроков;

• реализовать инструменты управления процессами и корректировки планов;

• адаптировать библиотеку рендеринга для React и оптимизировать работу с большими объёмами данных;

• реализовать настройку переменных окружения через конфигурационные файлы;

• интегрировать единую систему аутентификации (SSO) в root-front-приложение;

• подключить сбор аналитики пользовательских действий, событий и бизнес-метрик.

Подробнее о каждом этапе расскажем ниже.

О клиенте

Глобальная энергетическая компания, работающая на обширных территориях — полуостров Ямал, Восточная Сибирь, Дальний Восток и Приразломное месторождение 
в Печорском море. 

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

Решение

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

Микрофронтенды

Каждый микрофронтенд функционирует как отдельное приложение, отвечающее за свою область:

• Диаграммы Ганта — визуализация и управление этапами бурения и строительных процессов; 
• Аналитические панели — анализ данных о подрядчиках, ресурсах и сроках; 
• Управление процессами — интерактивное изменение параметров и корректировка планов. 

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

Рендеринг 
и оптимизация

На производственных объектах одновременно обрабатываются данные по до 9 000 скважин. Чтобы обеспечить высокую производительность под большой нагрузкой, использовали библиотеку «умного рендеринга»: она удаляет из DOM-дерева элементы, которые не находятся 
в поле видимости пользователя. 

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

Безопасность

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

Интеграция SSO и аналитики

В root-front-приложение были встроены: 
• Единая система аутентификации (SSO) с поддержкой корпоративных протоколов; 
• Сбор аналитики пользовательских действий, событий и бизнес-метрик. 

Это позволило унифицировать вход в систему и централизовать сбор данных для дальнейшего анализа.

Результаты

• Создан единый экосистема интерактивных микрофронтендов для управления жизненным циклом объектов добычи. 
• Обеспечена высокая производительность интерфейсов при большом объёме данных. 
• Интегрирована корпоративная аналитика и SSO, что повысило удобство и безопасность. 
• Система успешно прошла тестирование, подтвердив рабочую стабильность и готовность к масштабированию.