МАРШРУТИЗАЦІЯ В МІКРОФРОНТЕНДНИХ ЗАСТОСУНКАХ: АРХІТЕКТУРНІ ПІДХОДИ, ВИКЛИКИ ТА ШЛЯХИ ЇХ ВИРІШЕННЯ

Автор(и)

  • Олена Трофименко Національний університет «Одеська юридична академія»
  • Сергій Манаков Національний університет «Одеська юридична академія» https://orcid.org/0000-0001-5930-4592
  • Павло Чикунов Національний університет «Одеська юридична академія» https://orcid.org/0000-0003-4959-7744
  • Юлія Лобода Національний університет «Одеська юридична академія» https://orcid.org/0000-0001-7083-552X
  • Євген Гурін Національний університет «Одеська юридична академія» https://orcid.org/0009-0000-4640-6581

DOI:

https://doi.org/10.28925/2663-4023.2025.31.1057

Ключові слова:

мікрофронтендна архітектура; маршрутизація; виклики маршрутизації; продуктивність; масштабованість; фреймворк; веброзробка; UI/UX

Анотація

Стаття присвячена організації маршрутизації у мікрофронтендній архітектурі, яка є одним із ключових напрямів сучасної веброзробки. Актуальність теми зумовлена високою динамікою розвитку технологій та постійним зростанням вимог до масштабованості, модульності й гнучкості клієнтських систем. Мікрофронтендна архітектура розглядається як фронтенд-еквівалент мікросервісної парадигми, який забезпечує автономність розробки окремих модулів, їх незалежне тестування та оновлення, але водночас породжує низку специфічних викликів, серед яких маршрутизація займає центральне місце. Вона визначає узгодженість взаємодії між підсистемами, впливає на продуктивність і якість користувацького досвіду та формує основу для подальшої масштабованості системи. У статті здійснено аналіз підходів до організації маршрутизації у мікрофронтендній архітектурі, зокрема глобального, локального та гібридного. Показано, що глобальний підхід забезпечує централізований контроль і узгодженість навігації, але знижує автономність модулів і створює ризик централізованих відмов. Локальний підхід, навпаки, гарантує незалежність команд і швидкість розробки, проте призводить до конфліктів маршрутів, проблем із синхронізацією історії переходів та зниження узгодженості користувацького досвіду. Гібридні моделі намагаються поєднати переваги обох підходів, проте залишають відкритими питання синхронізації між різними фреймворками та підтримки SSR/SSG. Окрему увагу приділено аналізу ключових викликів, що виникають у процесі маршрутизації: конфліктів URL, координації історії навігації, проблем SEO та індексації, труднощів при lazy loading модулів, залежності від конкретних фреймворків, узгодженості UI/UX, надмірних витрат продуктивності, обмеженості ресурсів команд та невідповідності масштабу застосування мікрофронтендів у малих проєктах. Додатково розглянуто проблему синхронізації стану між модулями, яка є критичною для забезпечення консистентності бізнес‑логіки та даних. У роботі запропоновано низку практичних рішень, спрямованих на подолання зазначених викликів.

Завантаження

Дані завантаження ще не доступні.

Посилання

Pereiaslavska, S. & Smahina, O. (2023). Designing the routing level in microservice architectures on the Spring platform. Innovative technologies and scientific solutions for industries, 3(25), 64–78. https://doi.org/10.30837/ITSSI.2023.25.064

Shruthi, A. (2025). Building Microfrontend Architecture with Flutter for Modular Apps. The American Journal of Engineering and Technology, 07, 142-150. https://doi.org/10.37547/tajet/Volume07Issue05-12.

Kurian, G. & Sanjeev, K. (2024). Integrating Microservices and Microfrontends: A Comprehensive Literature Review on Architecture, Design Patterns, and Implementation Challenges. Journal of Scientific Research and Technology, 1-12. https://doi.org/10.61808/jsrt115.

Nikulina, O. & Khatsko, N. (2023). Method of converting the monolithic architecture of a front-end application to microfrontends. Bulletin of National Technical University KhPI Series System Analysis Control and Information Technologies, 79-84. https://doi.org/10.20998/2079-0023.2023.02.12.

Kungne, W., Kouamou, G., & Ayang, P. (2025). GenMicro: A Tool for Generating Microservice Architectures with In-Depth Microservice Design. Journal of Computer Science, 21, 729-740. https://doi.org/10.3844/jcssp.2025.729.740.

Meihong, Y., Xiaoli, W., Binlei, C., Yinglong, W., & Ying, G. (2025). Full stack optimization of microservice architecture: systematic review and research opportunity. Cluster Computing, 28. https://doi.org/10.1007/s10586-025-05690-6.

Slivka, S. (2024). Microservices architecture for ERP systems. Bulletin of Cherkasy State Technological University, 32-42. https://doi.org/10.62660/bcstu/4.2024.32.

Binildas, Ch. & Tarun, T. (2025). Microservices Architecture. Practical Microservices Architectural Patterns, 61-90. https://doi.org/10.1007/979-8-8688-1606-2_4.

Kažemaks, D. & Decouchant, J. (2025). SoK: Microservice Architectures from a Dependability Perspective. arXiv. https://doi.org/10.48550/arXiv.2503.03392.

Chaplia, O. & Klym, H. (2024). Microservice architecture for cyber-physical systems. Visnyk of Kherson National Technical University. Information technologies, 2(89), 242-250. https://doi.org/10.35546/kntu2078-4481.2024.2.34.

Borovskova, Ye. А. (2025). Investigating the performance impact of lazy loading in web applications. Infocommunication and computer technologies, 1(09), 95-101. https://doi.org/10.36994/2788-5518-2025-01-09-12

Single-spa. https://single-spa.js.org/docs

window.history API. https://developer.mozilla.org/en-US/docs/Web/API/History_API

Butsch, Th., Bell, R., & Warren, V. (2025). The incident command self-managed organization: A hybrid model for adaptive organizational resilience. Development and Learning in Organizations. https://doi.org/10.1108/DLO-07-2025-0254.

Graph QL best practices. URL: https://graphql.org/learn/best-practices/

Sutharsica, A. & Arambepola, N. (2025). Micro-Frontend Architecture: A Comparative Study of Startups and Large Established Companies-Suitability, Benefits, Challenges, and Practical Insights, International Research Conference on Smart Computing and Systems Engineering (SCSE), 1-6. https://doi.org/10.1109/SCSE65633.2025.11030972.

Configuring single-spa. https://single-spa.js.org/docs/configuration/

Working with history API. https://developer.mozilla.org/en-US/docs/Web/API/History_API/Working_with_the_History_API

SSR in microfrontends. https://single-spa.js.org/docs/ssr-overview/

Vivek, J. (2022). Optimizing web performance with lazy loading and code splitting. International Journal of Core Engineering & Management, 7(3), 193-199. https://doi.org/10.5281/zenodo.14956631.

What is TTI. https://web.dev/articles/tti

FCP overview. https://web.dev/articles/fcp

Jackson, C. (2019). Micro Frontends. ThoughtWorks Technology Radar. https://martinfowler.com/articles/micro-frontends.html

Трофименко, О.Г., Манаков, С.Ю, Корнійчук, М.М., Лобода, Ю.Г., Чикунов, П.О. (2025). Модальні вікна в інтерфейсі користувача засобами React/Next.js. Системи та технології, 69(1), 92-102. https://doi.org/10.32782/2521-6643-2025-1-69.11

Hyseni, L., Dermaku, A., & Dika, Z. (2025). Evaluating Web Frameworks for Personal Learning Decision-Making: A Comparative Analysis. International Journal of Computational and Experimental Science and Engineering. https://doi.org/11. 10.22399/ijcesen.1845.

Манаков, С.Ю., Трофименко, О.Г., Чикунов, П.О., Гура, В.І. (2025). ШІ-керовані системи розробки кросплатформних застосунків. Відкриті інформаційні та комп'ютерні інтегровані технології, 105, 184-199. https://doi.org/10.32620/oikit.2025.105.15

Single-spa recommended setup. https://single-spa.js.org/docs/recommended-setup/

Downloads


Переглядів анотації: 0

Опубліковано

2025-12-16

Як цитувати

Трофименко, О., Манаков, С., Чикунов, П., Лобода, Ю., & Гурін, Є. (2025). МАРШРУТИЗАЦІЯ В МІКРОФРОНТЕНДНИХ ЗАСТОСУНКАХ: АРХІТЕКТУРНІ ПІДХОДИ, ВИКЛИКИ ТА ШЛЯХИ ЇХ ВИРІШЕННЯ. Електронне фахове наукове видання «Кібербезпека: освіта, наука, техніка», 3(31), 635–651. https://doi.org/10.28925/2663-4023.2025.31.1057

Статті цього автора (авторів), які найбільше читають