大型应用前端展示
应用开发文档
- 应用开发文档 基于 Vue + ElementUI + Axios + Webpack + Babel 快速搭建微前端应用
应用开发脚手架
- Vue 脚手架 基于 vue & vuex & vue-router & axios & element-ui 的微前端子应用脚手架工程模板
- React 脚手架 基于 create-react-app & webpack & redux & react-router 的微前端子应用脚手架工程模板
应用注册中心
- 应用注册中心 应用集成,权限管理,菜单管理,主题管理等
聚合应用门户
- 聚合应用门户 集成脚手架应用,进行统一的生命周期、权限管理和展示
微前端实践原理
原理简要说明(约定:Portal 聚合应用门户,简称 Portal;React、Vue 子应用,简称 ChildApp):
- Portal 首页,加载所有的 ChildApp 信息
- ChildApp 实现 Portal 的生命周期
- ChildApp 打包配置:定义
SERVICEID
(由字母和数字组成的唯一应用ID),所有打包后的文件,都放置于${SERVICEID}/
目录,并以${SERVICEID}-[name].*
命名,准备集成到 Portal - 配置 nginx 变量,保证 ChildApp 根据
SERVICEID
,自动匹配路径 - 配套设施:ChildApp 脚手架开发文档和在线集成、权限配置、菜单配置、主题配置等等工具
React 独立部署:http://child.portal.b-platforms.com/REACTCHILDAPP/
Vue 独立部署:http://child.portal.b-platforms.com/VUECHILDAPP/#/
Portal 集成部署:http://portal.b-platforms.com/
Portal 配置中心:http://register.portal.b-platforms.com/