Аналіз побудови клієнтських частин вебдодатків на основі Microfrontend підходу

Колос, К.Р.; Баранов, А.І.; Петросян, Р.В.; Kolos, K.R.; Baranov, A.I.; Petrosian, R.V.

Аналіз побудови клієнтських частин вебдодатків на основі Microfrontend підходу

Колос, К.Р.; Баранов, А.І.; Петросян, Р.В.; Kolos, K.R.; Baranov, A.I.; Petrosian, R.V.

URI: http://eztuir.ztu.edu.ua/123456789/7747

Date: 2020

Abstract (ukr):

У сучасному світі вебтехнології проникають майже у всі аспекти життя людини. З їх допомогою можна створювати, налагоджувати та синхронізувати облікові записи на різних пристроях, керувати процесами бізнесу. Водночас постає проблема підвищення рівня ефективності проєктування інформаційних систем, які будуть надавати доступ до різноманітної інформації з будь-якого куточка світу, де є доступ до мережі Інтернет. Все більше вебдодатків з’являється з кожним днем, потужність комп’ютерної техніки зростає, а разом з цим, підвищується рівень їх складності, що в свою чергу обумовлює збільшення зусиль та часу на їх підтримку. Це зумовлює потребу в обґрунтуванні використання Microfrontend підходу. Саме тому в статті вирізнено переваги та недоліки розробки мікросервісів. Обґрунтовано основні підходи до побудови мікрофронтенд додатка: композиція шаблонів на стороні сервера; інтеграція при збірці; інтеграція під час виконання з використанням HTML-елемента iframe; інтеграція під час виконання за допомогою засобів мови програмування JavaScript; інтеграція під час виконання з використанням технології web components. На основі аналізу зазначених підходів виокремлено і охарактеризовано переваги: поступові (інкрементальні) оновлення; прості, не пов’язані між собою кодові бази; незалежне розгортання; автономні команди, та недоліки: значний об’єм коду, що завантажується; відмінності середовища; складність управління розробки мікрофтондендів. Тому перед переходом до такої архітектури необхідно враховувати: наявність ресурсів для достатнього рівня автоматизації та забезпечення управління додатковою необхідною інфраструктурою; зміни в процесі розробки, тестування та випуску у великій кількості компонентів; зростання складності, пов’язаної з використанням більшої кількості інструментів та підходів до розробки; забезпечення достатнього рівня якості, узгодженості та управління великою кількістю кодових баз. Отже, обираючи архітектуру мікрофронтендів слід зважити і проаналізувати наявність технічної та організаційної доцільності для прийняття такого підходу.

Abstract (eng):

In today's world, web technologies are penetrating almost every aspect of human life. With web technologies, you can create, set up and synchronize accounts across devices, and manage business processes. At the same time, there is the problem of improving the level of efficiency of designing information systems that will provide access to a variety of information from any corner of the world where there is access to the Internet. More and more web applications are emerging every day, the power of computer technology is increasing, and at the same time, their complexity is increasing, which in turn causes more effort and time to support them. This necessitates the justification for using the Microfrontend approach. That is why the article highlights the advantages and disadvantages of microservice development. The basic approaches to the construction of the microfront of the application are substantiated: composition of server-side templates; integration during assembly; runtime integration using the html iframe element; runtime integration using the JavaScript programming language; runtime integration using web components technology. Based on the analysis of these approaches, the advantages are distinguished and characterized: gradual (incremental) updates; simple, unrelated codebases; independent deployment; standalone commands - and disadvantages: considerable amount of downloadable code; environmental differences; complexity of management - development of microtubes. Therefore, before switching to such an architecture, it is necessary to consider: availability of resources for a sufficient level of automation and providing management of additional necessary infrastructure; changes in the development, testing and release process of a large number of components; increasing complexity associated with the use of more tools and approaches to development; ensuring a sufficient level of quality, consistency and management of a large number of codebases. Therefore, choosing the architecture of the micro-frontend should consider and analyze the technical and organizational feasibility of adopting this approach.

Show full item record