Вопросы по теме 'micro-frontend'

Микро-передние панели и монолиты
Мне интересно поговорить с кем-нибудь, кто мигрировал или начал мигрировать монолит, используя Micro Front End Architecture. Монолит, который я хочу перенести, представляет собой одностраничное приложение, основанное на собственной структуре....
24 просмотров
schedule 12.10.2021

Использование Deck.GL в качестве внешнего Webpack
В настоящее время я разрабатываю два разных приложения React, которые используют Deck.GL для рендеринга двух карт, каждая с разным типом слоя. При использовании их как автономных они оба работают отлично, однако, когда они монтируются в одном и том...
270 просмотров
schedule 14.03.2022

Создание микро-интерфейсов с помощью скомпилированных инкапсулированных компонентов Vue.js + Vuetify.js
Мы разрабатываем подход к микро-интерфейсу с использованием Vue.js + Vuetify.js для создания нашего веб-клиента. Вся распределенная система состоит из множества микросервисов, которые выполняют некоторые задачи и производят некоторые данные....
679 просмотров

Используйте элемент Angular в app.component.html
Некоторое время я играл с Angular Elements. Наша команда создает несколько независимых проектов angular и конвертирует их в элементы Angular. Мы также создаем основную оболочку, и эти угловые элементы будут вызываться в основной оболочке....
222 просмотров

Vue.JS для подхода Micro Frontend
Наша команда разрабатывает большой проект, и мы хотим создать большое приложение с множеством форм, панелей мониторинга и функций. Один монолитный СПА усложнился бы. Итак, мы обсуждаем подход архитектуры «микро-интерфейса». Цель состоит в том,...
10782 просмотров
schedule 05.03.2023

Создание общих пользовательских элементов в компонентах React
Я использую подход обертывания компонентов React в пользовательские элементы, однако я считаю, что это чрезмерная инженерия, и я не вижу преимуществ. Мой код выглядит примерно так: <core-app> <core-login></core-login>...
101 просмотров
schedule 16.01.2023

Угловой подход к микро-интерфейсу
Насколько я могу судить, есть два популярных случая использования микроконтроллеров: 1) Одна страница с компонентами (каждая на своем сервисе) 2) Несколько страниц, доступных из приборной панели / навигационной панели (каждая часть на своем...
606 просмотров
schedule 01.08.2023

Используя Webpack, как динамически загружать внешний модуль, созданный с помощью другого Webpack
Допустим, я управляю двумя проектами JavaScript, созданными с помощью Webpack: Веб-сайт под названием Пользовательский веб-сайт . Модуль JavaScript под названием External-Module . Обратите внимание, что я использую 2 отдельных проекта по...
472 просмотров

Как реализовать архитектуру микро-интерфейса в устаревшем приложении с помощью Angular
Недавно наша команда решила внедрить архитектуру микро-интерфейса в наш унаследованный продукт. Он был разработан с использованием aspx-страниц Asp.Net вместе с javascript / jquery. В прошлом году мы начали использовать angular в нашем приложении...
765 просмотров

URL-адрес маршрутизации нескольких проектов Angular изменяется, но страница не отображается
Я создал несколько проектов angular в одном приложении. Я использовал маршруты в корневом проекте и пытался связаться с дочерними проектами, но происходит изменение URL-адреса, но страница не отображается. Маршрутизация корневой страницы:...
211 просмотров

Что означает независимость от Framework?
Я давно слышу эту фразу. Я прочитал несколько статей и до сих пор не могу понять, что это на самом деле означает. Я всегда вижу, что они дают какое-то имя фреймворка. Но я хочу понять, что это значит и почему оно пришло. Может ли кто-нибудь помочь...
2480 просмотров

Как реализовать микро-фронтенд в Angular (альтернатива Iframe)
мы пытаемся реализовать концепцию микро-интерфейса в Angular, где у нас есть 2 угловых приложения App1 и App2, каждый из которых работает отдельно на своем собственном сервере. мы хотим интегрировать App2 внутри компонента App1 при нажатии кнопки, в...
346 просмотров

main.js недоступен для angular
Мне удалось развернуть свои приложения в облаке и зарегистрировать их через приложение-контейнер ... { "imports": { "app1": "http://test-app1:80/main-es2015.js", "login":...
24 просмотров
schedule 29.04.2023