Цянькунь (乾坤)

На китайском языке цянь (乾) означает небо, а кунь (坤) — землю. Цянькунь — это вселенная.

Цянькунь позволяет вам и вашим командам создавать веб-приложения нового поколения и готовые к работе в корпорациях, используя микрофронтенды. Он вдохновлён и основан на single-spa.

🤔 Мотивация

Краткий обзор концепции микрофронтендов:

Методы, стратегии и рецепты для создания современного веб-приложения с несколькими командами, использующими разные фреймворки JavaScript. — Микрофронтенды

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

Путь никогда не был лёгким, мы столкнулись с каждой проблемой, которая только могла возникнуть. Вот лишь некоторые из них:

• В какой форме микроприложения публикуют статические ресурсы?
• Как фреймворк интегрирует отдельные микроприложения?
• Как обеспечить изоляцию подприложений друг от друга (независимость разработки и независимость развёртывания) и их изолированность во время выполнения?
• Проблемы с производительностью? А как насчёт публичных зависимостей?
• И так далее...

После решения этих общих проблем микрофронтендов и множества доработок и тестирования мы извлекли минимально жизнеспособный фреймворк нашего решения и назвали его «цянькунь», поскольку он может содержать и обслуживать всё что угодно. Вскоре после этого он стал краеугольным камнем сотен наших веб-приложений в продакшене, и мы решили открыть исходный код, чтобы избавить вас от страданий.

TLDR: Цянькунь, вероятно, самое полное решение для микрофронтенда, которое вы когда-либо встречали🧐.

Функции

Цянькунь наследует многие преимущества от single-spa:

• 📦 Независимое развёртывание микроприложений
• 🛴 Ленивая загрузка
• 📱 Технологическая независимость

И помимо этого предлагает:

• 💃 Элегантный API
• 💪 Режим доступа к HTML-входу
• 🛡 Изоляция стилей
• 🧳 Песочница JS
• ⚡ Предварительная загрузка ресурсов
• 🔌 Интеграция с Umi Plugin

📦 Установка

$ yarn add qiankun  # или npm i qiankun -S

📖 Документация

Вы можете найти документацию по Цянькуню на сайте.

Ознакомьтесь со страницей Начало работы, чтобы получить краткий обзор.

Документация разделена на несколько разделов:

• Учебник
• Справочник по API
• FAQ
• Сообщество

💿 Примеры

В папке examples есть пример приложения Shell и несколько подключённых микроприложений FE. Чтобы запустить его, сначала клонируйте qiankun:

$ git clone https://github.com/umijs/qiankun.git
$ cd qiankun

Теперь установите и запустите пример:

$ yarn install
$ yarn examples:install
$ yarn examples:start

Посетите http://localhost:7099.

🎯 Дорожная карта

• Интеграция приложений Parcel (отображение нескольких микроприложений одновременно, но только