1 added
1 removed
Original
2026-01-01
Modified
2026-03-10
1
<p>Теги: микросервисы, паттерны, архитектура по, архитектурные шаблоны</p>
1
<p>Теги: микросервисы, паттерны, архитектура по, архитектурные шаблоны</p>
2
<p>Эта группа шаблонов по разработке программного обеспечения предлагает решения, позволяющие отображать на одной странице/экране пользовательского интерфейса данные из нескольких микросервисов.</p>
2
<p>Эта группа шаблонов по разработке программного обеспечения предлагает решения, позволяющие отображать на одной странице/экране пользовательского интерфейса данные из нескольких микросервисов.</p>
3
<h2>Client-Side UI Composition</h2>
3
<h2>Client-Side UI Composition</h2>
4
-
<p>Речь идет о шаблоне "<strong>Сборка пользовательского интерфейса на стороне клиента</strong>". В случае применения данного паттерна, создание и обновление разметки HTML осуществляется непосредственно в веб-браузере. При этом каждая страница/экран пользовательского интерфейса разбивается на отдельные фрагменты, а данные для этих фрагментов получают разные микросервисы. Можно сказать, что каждый такой фрагмент -- это мини-приложение, которое способно как отображать, так и обновлять свою разметку вне зависимости от остальной части страницы.</p>
4
+
<p>Речь идет о шаблоне "<strong>Сборка пользовательского интерфейса на стороне клиента</strong>". В случае применения данного паттерна, создание и обновление разметки HTML осуществляется непо��редственно в веб-браузере. При этом каждая страница/экран пользовательского интерфейса разбивается на отдельные фрагменты, а данные для этих фрагментов получают разные микросервисы. Можно сказать, что каждый такой фрагмент -- это мини-приложение, которое способно как отображать, так и обновлять свою разметку вне зависимости от остальной части страницы.</p>
5
<p>Если вспомнить современные фреймворки, тот же<strong>AngularJS</strong>либо<strong>ReactJS</strong>, то они помогают реализовывать вышеуказанный шаблон. Это связано с тем, что фреймворки поддерживают<strong>SPA</strong>-- принцип одностраничных приложений (Single-Page Application), что, в свою очередь, позволяет обновлять не всю страницу целиком, а лишь отдельную область экрана.</p>
5
<p>Если вспомнить современные фреймворки, тот же<strong>AngularJS</strong>либо<strong>ReactJS</strong>, то они помогают реализовывать вышеуказанный шаблон. Это связано с тем, что фреймворки поддерживают<strong>SPA</strong>-- принцип одностраничных приложений (Single-Page Application), что, в свою очередь, позволяет обновлять не всю страницу целиком, а лишь отдельную область экрана.</p>
6
<h2>Server-Side Page Fragment Composition</h2>
6
<h2>Server-Side Page Fragment Composition</h2>
7
<p>Второй шаблон построения UI -- "<strong>Сборка фрагментов страниц на стороне сервера</strong>". Когда используется этот паттерн, сборка UI-фрагментов осуществляется на сервере, то есть клиентская часть получает, по сути, уже полностью собранную страницу, в результате чего обеспечивается повышенная скорость загрузки. Как правило, сборка выполняется отдельной службой -- эта служба находится между веб-браузером и серверами веб-приложений: CDN, Nginx, Varnish.</p>
7
<p>Второй шаблон построения UI -- "<strong>Сборка фрагментов страниц на стороне сервера</strong>". Когда используется этот паттерн, сборка UI-фрагментов осуществляется на сервере, то есть клиентская часть получает, по сути, уже полностью собранную страницу, в результате чего обеспечивается повышенная скорость загрузки. Как правило, сборка выполняется отдельной службой -- эта служба находится между веб-браузером и серверами веб-приложений: CDN, Nginx, Varnish.</p>
8
<p><em>По материалам https://mcs.mail.ru/blog/.</em></p>
8
<p><em>По материалам https://mcs.mail.ru/blog/.</em></p>
9
9