Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

阿里云微前端解决方案
https://github.com/aliyun/alibabacloud-alfa

Last synced: about 1 month ago
JSON representation

阿里云微前端解决方案

Awesome Lists containing this project

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!