title: ÐÐ¾Ð´Ñ Ð¾Ð´ Ðº ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐµ Ð¾Ð´Ð½Ð¾ÑÑÑÐ°Ð½Ð¸ÑÐ½ÑÑ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ð¹ Ñ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð½Ð¸ÐµÐ¼ Ð¼Ð¸ÐºÑÐ¾ÑÐµÑÐ²Ð¸ÑÐ½Ð¾Ð¹ Ð°ÑÑ Ð¸ÑÐµÐºÑÑÑÑ (Ð¼Ð¸ÐºÑÐ¾ÑÑÐ¾Ð½ÑÐµÐ½Ð´)
title: Ð²ÑÐ¿ÑÑÐºÐ½Ð°Ñ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð¼Ð°Ð³Ð¸ÑÑÑÐ°
titleType: Subtitle
title: Approach to the development of single-page web applications using microservice architecture (microfrontend)
Creators: name: ÐÑÐ·ÑÐ¼Ð¸Ð½, ÐÐ»ÐµÐ³
Publisher: name: Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¸Ð¹ Ð¿Ð¾Ð»Ð¸ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¸Ð¹ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾
Year: 2022
Subjects: ÐÐ½ÑÐ¾ÑÐ¼Ð°ÑÐ¸Ð¾Ð½Ð½ÑÐµ ÑÐµÑ Ð½Ð¾Ð»Ð¾Ð³Ð¸Ð¸
ÐÑÑÐ¸ÑÐ»Ð¸ÑÐµÐ»ÑÐ½ÑÐµ Ð¼Ð°ÑÐ¸Ð½Ñ ÑÐ»ÐµÐºÑÑÐ¾Ð½Ð½ÑÐµ
Ð¼Ð¸ÐºÑÐ¾ÑÐµÑÐ²Ð¸Ñ
Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ
Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ
Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ¸Ð¹ Ð¸Ð½ÑÐµÑÑÐµÐ¹Ñ
microservice
web application
design
user interface

description: Ð¢ÐµÐ¼Ð° Ð²ÑÐ¿ÑÑÐºÐ½Ð¾Ð¹ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÑ: Â«ÐÐ¾Ð´ÑÐ¾Ð´ Ðº ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐµ Ð¾Ð´Ð½Ð¾ÑÑÑÐ°Ð½Ð¸ÑÐ½ÑÑ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ð¹ Ñ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð½Ð¸ÐµÐ¼ Ð¼Ð¸ÐºÑÐ¾ÑÐµÑÐ²Ð¸ÑÐ½Ð¾Ð¹ Ð°ÑÑÐ¸ÑÐµÐºÑÑÑÑ (Ð¼Ð¸ÐºÑÐ¾ÑÑÐ¾Ð½ÑÐµÐ½Ð´)Â». ÐÐ°Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð¼Ð°Ð³Ð¸ÑÑÑÐ° Ð¿Ð¾ÑÐ²ÑÑÐµÐ½Ð° Ð¸ÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ Ð² Ð¾Ð±Ð»Ð°ÑÑÐ¸ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ Ð¾Ð´Ð½Ð¾ÑÑÑÐ°Ð½Ð¸ÑÐ½ÑÑ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ð¹. Ð ÑÐ¾Ð´Ðµ Ð²ÑÐ¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ Ð´Ð°Ð½Ð½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÑ Ð±ÑÐ» Ð¿ÑÐ¾Ð²ÐµÐ´ÐµÐ½ Ð¾Ð±Ð·Ð¾Ñ Ð¾ÑÐ½Ð¾Ð²Ð½ÑÑ Ð°ÑÑÐ¸ÑÐµÐºÑÑÑÐ½ÑÑ ÑÐ°Ð±Ð»Ð¾Ð½Ð¾Ð² ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ð¹. ÐÐ¿Ð¸ÑÐ°Ð½Ñ Ð½ÐµÐ´Ð¾ÑÑÐ°ÑÐ¸ ÑÐ°ÑÐ¿ÑÐ¾ÑÑÑÐ°Ð½ÑÐ½Ð½Ð¾Ð³Ð¾ Ð² Ð´Ð°Ð½Ð½ÑÐ¹ Ð¼Ð¾Ð¼ÐµÐ½Ñ Ð¿Ð¾Ð´ÑÐ¾Ð´Ð°. Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐ°Ð½Ñ ÑÑÐµÐ±Ð¾Ð²Ð°Ð½Ð¸Ñ Ðº Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð½Ð° ÑÑÐ¾Ð²Ð½Ðµ Ð¾Ð¿ÑÑÐ° Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ ÐºÐ¾Ð½ÐµÑÐ½ÑÐ¼ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÐµÐ¼ Ð¸ Ð½Ð° ÑÑÐ¾Ð²Ð½Ðµ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ. ÐÑÐ½Ð¾Ð²ÑÐ²Ð°ÑÑÑ Ð½Ð° ÑÑÐ¸Ñ ÑÑÐµÐ±Ð¾Ð²Ð°Ð½Ð¸ÑÑ, Ð±ÑÐ»Ð° ÑÐ¿Ð»Ð°Ð½Ð¸ÑÐ¾Ð²Ð°Ð½Ð° Ð°ÑÑÐ¸ÑÐµÐºÑÑÑÐ° Ð¾Ð´Ð½Ð¾ÑÑÑÐ°Ð½Ð¸ÑÐ½Ð¾Ð³Ð¾ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð² ÑÐ°Ð·Ð»Ð¸ÑÐ½ÑÑ Ð¾Ð±Ð»Ð°ÑÑÑÑ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸. ÐÐ»Ñ Ð´ÐµÐ¼Ð¾Ð½ÑÑÑÐ°ÑÐ¸Ð¸ ÑÐ¾ÑÑÐ¾ÑÑÐµÐ»ÑÐ½Ð¾ÑÑÐ¸ Ð¿Ð¾Ð´ÑÐ¾Ð´Ð°, Ð±ÑÐ»Ð¾ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐ°Ð½Ð¾ Ð´ÐµÐ¼Ð¾Ð½ÑÑÑÐ°ÑÐ¸Ð¾Ð½Ð½Ð¾Ðµ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ. ÐÐ»Ñ ÑÑÐ¾Ð³Ð¾ Ð±ÑÐ» Ð¿ÑÐ¾Ð²ÐµÐ´ÑÐ½ Ð¾Ð±Ð·Ð¾Ñ ÑÐ°Ð·Ð»Ð¸ÑÐ½ÑÑ Ð±Ð¸Ð±Ð»Ð¸Ð¾ÑÐµÐº Ð¸ ÑÑÐµÐ¹Ð¼Ð²Ð¾ÑÐºÐ¾Ð², ÐºÐ¾ÑÐ¾ÑÑÐµ Ð¿ÑÐµÐ´Ð¾ÑÑÐ°Ð²Ð»ÑÑÑ Ð½ÐµÐ¾Ð±ÑÐ¾Ð´Ð¸Ð¼ÑÐµ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÐ¸ Ð´Ð»Ñ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ Ð¾Ð¿Ð¸ÑÐ°Ð½Ð½Ð¾Ð³Ð¾ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ. Ð¡ÑÐµÐ´Ð¸ Ð¾Ð¿Ð¸ÑÐ°Ð½Ð½ÑÑ Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½ÑÐ¾Ð² Ð±ÑÐ» Ð²ÑÐ±ÑÐ°Ð½ Ð½Ð°Ð±Ð¾Ñ, Ð¿Ð¾Ð·Ð²Ð¾Ð»ÑÑÑÐ¸Ð¹ ÑÐµÐ°Ð»Ð¸Ð·Ð¾Ð²Ð°ÑÑ Ð´ÐµÐ¼Ð¾Ð½ÑÑÑÐ°ÑÐ¸Ð¾Ð½Ð½Ð¾Ðµ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ. ÐÐ»Ñ ÑÑÐ¾Ð³Ð¾ Ð½Ð°Ð±Ð¾ÑÐ° Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½ÑÐ¾Ð² Ð±ÑÐ»Ð¸ Ð¾Ð¿Ð¸ÑÐ°Ð½Ñ Ð½Ð°Ð¸Ð±Ð¾Ð»ÐµÐµ ÑÑÑÐµÑÑÐ²ÐµÐ½Ð½ÑÐµ Ð´ÐµÑÐ°Ð»Ð¸ ÑÐµÐ°Ð»Ð¸Ð·Ð°ÑÐ¸Ð¸ Ð¸ ÐºÐ¾Ð½ÑÐ¸Ð³ÑÑÐ°ÑÐ¸Ð¸. ÐÐ»Ñ Ð·Ð°Ð¿ÑÑÐºÐ° Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð±ÑÐ» Ð¾Ð±ÐµÑÐ¿ÐµÑÐµÐ½ Ð´ÐµÐ¿Ð»Ð¾Ð¹Ð¼ÐµÐ½Ñ Ð² ÑÑÐ»Ð¾Ð²Ð¸ÑÑ, Ð¿ÑÐ¸Ð±Ð»Ð¸Ð¶ÐµÐ½Ð½ÑÑ Ðº Ð¿ÑÐ¾Ð´Ð°ÐºÑÐ½Ñ. Ð ÑÐµÐ·ÑÐ»ÑÑÐ°ÑÐµ Ð±ÑÐ»Ð¾ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐ°Ð½Ð¾ Ð´ÐµÐ¼Ð¾Ð½ÑÑÑÐ°ÑÐ¸Ð¾Ð½Ð½Ð¾Ðµ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ, ÐºÐ¾ÑÐ¾ÑÐ¾Ðµ ÑÐ»ÐµÐ´ÑÐµÑ Ð¾Ð¿Ð¸ÑÐ°Ð½Ð½Ð¾Ð¹ Ð°ÑÑÐ¸ÑÐµÐºÑÑÑÐµ Ð¸ Ð¾ÑÐ²ÐµÑÐ°ÐµÑ Ð²ÑÐµÐ¼ Ð¾Ð±Ð¾Ð·Ð½Ð°ÑÐµÐ½Ð½ÑÐ¼ ÑÑÐµÐ±Ð¾Ð²Ð°Ð½Ð¸ÑÐ¼.
description: The topic of the final qualifying work is âApproach to the development of single-page web applications using microservice architecture (microfrontend)â. The master's final qualifying work is devoted to research in the field of development of single-page web applications. In the course of this work, an overview of the main architectural patterns for developing web applications was carried out. The shortcomings of the currently common approach are described. Application requirements have been developed at the end user experience level and at the application development level. Based on these requirements, a single-page web application architecture was planned in various areas of development. To demonstrate the consistency of the approach, a demo application was developed. For this, a review of various libraries and frameworks was carried out, which provide the necessary capabilities for developing the described application. Among the described tools, a set was chosen that allows you to implement a demo application. For this set of tools, the most significant implementation and configuration details have been described. To launch the application, deployment was provided in conditions close to production. As a result, a demo web application was developed that follows the described architecture and meets all the specified requirements.