Module Federation - микросервисы frontend
HTML-код
- Опубликовано: 20 сен 2024
- Если интересно поболтать на тему Фронтеда, или найти информацию по подготовке к интервью, всегда будем рады видеть на нашем канале в телеграме: t.me/pure_fron... или чате t.me/pure_fron... =)
Микросервисы существую не только в бекенде.
Проект: github.com/Vla...
![Shenseea - Dating Szn (Options) [Official Music Video]](http://i.ytimg.com/vi/eUePmZFIXUg/mqdefault.jpg)
12:53 Я обосрался
Гы :)
Спасибо!
Спасибо! Вполне доступно)
Офигенно спасибо еще давай
Спасибо за видео! Как динамически подменять ссылку на импортируемый компонент (для разных стендов)?
очень полезное видео
спасибо тебе
Приятно-понятно
привет! спасибо за видео!
скажи, пожалуйста, обязательно ли прописывать shared блок?
что будет, если shared блок не описывать, а просто сделать expose, а в приложении-импортере прописать remotes?
Тогда у тебя будет резолвиться в каждом дочернем приложении своя версия библиотеки
А как несколько сервисов подключать? У меня почему то только последний заводится
А можно добавить react приложение к обычному legacy, который собирает webpack 5? Как тогда импортировать и монтировать компоненты?
Спасибо за контент!
Мне вот только интересно как с CORS это все живет?
Нормально живет) главное в модуле, если он на сторонний API ходит настроить. А так скачивание из других источников через всегда работало без бубнов
@@Glotka если у каждого микрофонта свой микро апи. Отдельно микрофронт нормально работает со своим апи, но если его использовать в другом фронте на другом домене то у нас опять вылезет корс. Как я себе понимаю всем микрофронтам надо работать с апи через какую-то шину апи или что-то в этом роде
@@artemartemenko2827 не обязательно, можно просто настроить проксирование на бэке, и не будет никаких проблем
@@Glotka можно подробнее об этом? Допустим у нас несколько микрофронтов, все они на отдельных nginx-ах и доменах, работают с отдельными апишками через прокси их же nginx-са. Дописывать проксирование каждому nginx при добавлении нового микрофронта?
@@artemartemenko2827 Да, верно, добавил в WebPack новый модуль, прописал в nginx для него пути до api, это как вариант. Либо авторы модуля настраивают у себя CORS для всех доменов где он используется, я это вижу так
Найс!
а как это выглядит на проде? не запускают же для каждого микрофронта на проде дев сервер?
Обычно так и есть, каждый микрофронт крутится отдельным процессом. Мы запускаем используя докер образы и оркестратор
У каждого сервиса должен быть свой CI, так что каждый сервис в своем репо (или монорепо, зависит от глобальной архитектуры)
а может один микрoсервис бьіть на JS, а другой - на TypeScript?
Запросто. Хоть на разных ферймворках.