Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aliyun/alibabacloud-alfa
阿里云微前端解决方案
https://github.com/aliyun/alibabacloud-alfa
Last synced: about 1 month ago
JSON representation
阿里云微前端解决方案
- Host: GitHub
- URL: https://github.com/aliyun/alibabacloud-alfa
- Owner: aliyun
- License: mit
- Created: 2019-11-12T08:34:45.000Z (about 5 years ago)
- Default Branch: dev
- Last Pushed: 2024-09-13T08:13:05.000Z (3 months ago)
- Last Synced: 2024-09-13T21:33:05.075Z (3 months ago)
- Language: TypeScript
- Homepage: https://aliyun.github.io/alibabacloud-alfa
- Size: 3.97 MB
- Stars: 848
- Watchers: 21
- Forks: 83
- Open Issues: 29
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
- awesome-coding-startup - Alibaba Cloud Alfa
- awesome-star-libs - aliyun / alibabacloud-alfa
README
# Alfa
[![All Contributors](https://img.shields.io/badge/all_contributors-6-orange.svg?style=flat-square)](#contributors-)
[![NPM version][npm-image]][npm-url]
[npm-image]: https://img.shields.io/npm/v/@alicloud/console-os-kernal.svg?style=flat-square
[npm-url]: https://npmjs.org/package/@alicloud/console-os-kernal## 介绍
`Alfa` 是在阿里云控制台体系中孵化🐣的微前端方案, 定位是面向企业级的微前端体系化解决方案。## 特性
* 📦 开箱即用,无代码侵入
* 📎 完善的微前端体系支撑
* 🕋 完整前端容器沙箱
* ♋️ 多实例兼容## 使用文档
参见: [https://aliyun.github.io/alibabacloud-alfa](https://aliyun.github.io/alibabacloud-alfa)
## Try Example
克隆仓库到本地
```
git clone https://github.com/aliyun/alibabacloud-alfa.git
```安装子应用
```bash
$ npm run install:example
```运行 React 子应用
```bash
$ cd example/SubApp/React
$ npm run start
# you will visit app on http://localhost:8080/
```运行 Vue 子应用
```bash
$ cd example/SubApp/Vue
$ npm run serve
# you will visit app on http://localhost:8081/
```运行 宿主 应用
```bash
$ cd example/HostApp/ReactHost
$ npm run start
# you will visit app on http://localhost:3000/
```你可以在 http://localhost:3000/ 访问到当前加载的两个子应用。
## Try Live Demo
### React
* [基础用法](https://codesandbox.io/s/jolly-sun-pf75y)
* [React 加载 Angular 应用](https://codesandbox.io/s/busy-jepsen-xp8q9)
### Angular
* [Angular 加载 React 应用](https://codesandbox.io/s/nameless-rain-1yv57)
### Vue
* [Vue 加载微应用](https://codesandbox.io/s/cool-grass-lbrfn?file=/src/components/HelloWorld.vue)
## 贡献指南
参见[贡献指南](https://github.com/aliyun/alibabacloud-console-toolkit/blob/master/CONTRIBUTING.md)
## Contributors ✨
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
Bowen
💻 📖
Roy.idoodle
💻 📖
csr632
💻
Digu
💻
QiuHao
🐛
道玄
📖
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!