前端微服务化(微前端)探索-蚂蚁金服乾坤框架初使用

什么是微前端:微前端 是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立开发、独立部署。同时,它们也可以在共享组件的同时进行并行开发——这些组件可以通过 NPM 或者 Git Tag、Git Submodule 来管理。

乾坤内部原理:https://blog.csdn.net/lunahaijiao/article/details/108114345

实现的效果:一个主工程,一个子工程(独立开发,独立部署),主工程挂载子工程。

主工程首页:
在这里插入图片描述

子工程独立启动的首页:
在这里插入图片描述

主工程访问/vue路由(在里面配置了访问这个路由则加载子工程)
在这里插入图片描述

在这里插入图片描述

完整代码:https://gitee.com/xiangjiaodaka/de-m
npm i 后就npm run server 然后就可以去看效果了。里面详细的就不说了。可以自己配合工程以及搭配上面的乾坤原理连接看。有不懂的可以互相交流下
总结:微前端能很好的对于各个模块进行解耦。独立开发独立部署。每个人或者每个团队单独维护各个模块。好处多多,其他更详细的使用等后面有空的时候再去看

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值