react 微前端实践

最近花时间实践了一下阿里 qiankun 微前端框架 ,主应用和子应用都使用React 实现,

主应用服务器使用golang语言+go-chi框架实现,

主应用APP架构:React + redux + sessionStorage + antd组件库 + axios 等等

子应用app架构: React

子应用实现简单的对接, 主应用配置好路由就可以访问

项目还在持续完善中, 项目实现目标:

  1. 主应用只负责菜单, 用户, 路由,权限管理等 
  2. 子应用各司其责,热插拔, 高度解耦,这样项目更新, 合并代码时不易出错, 项目组成员可以每人负责一个子应用, 相对而言比较简单
  3. 子应用需要检测用户是否登录, 使用JWT技术实现鉴权, 主应用和自应用 发起http请求时携带token 信息

成果如下:

其中工作流菜单下的页面由子应用提供

 

 

 

 

欢迎star,  git地址:https://github.com/zhengjinwei123/ReactMicroWeb 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值