CuityMiko / alibabacloud-alfa

阿里云微前端解决方案

Alfa

介绍

Alfa 是在阿里云控制台体系中孵化🐣的微前端方案， 定位是面向企业级的微前端体系化解决方案。

特性

• 📦 开箱即用，无代码侵入
• 📎 完善的微前端体系支撑
• 🕋 完整前端容器沙箱
• ♋️ 多实例兼容

使用文档

参见： https://aliyun.github.io/alibabacloud-alfa

Try Example

克隆仓库到本地

git clone https://github.com/aliyun/alibabacloud-alfa.git

安装子应用

$ npm run install:example

运行 React 子应用

$ cd example/SubApp/React
$ npm run start
# you will visit app on http://localhost:8080/

运行 Vue 子应用

$ cd example/SubApp/Vue
$ npm run serve
# you will visit app on http://localhost:8081/

运行 宿主 应用

$ cd example/HostApp/ReactHost
$ npm run start
# you will visit app on http://localhost:3000/

你可以在 http://localhost:3000/ 访问到当前加载的两个子应用。

Try Live Demo

React

• 基础用法

• React 加载 Angular 应用

Angular

• Angular 加载 React 应用

Vue

• Vue 加载微应用

贡献指南

参见贡献指南

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Bowen 💻 📖

Roy.idoodle 💻 📖

csr632 💻

Digu 💻

QiuHao 🐛

道玄 📖

This project follows the all-contributors specification. Contributions of any kind welcome!