微前端的概念及常见的几种实现方式

微前端的概念理解

        微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端。微前端的实现意味着对前端应用的拆分,拆分应用的目的并不只是为了架构上好看,各个前端应用可以独立开发、独立部署,可以提升开发效率。同时,也可以进行并行开发——这些组件可以通过NPM、Git TagGit或者Submodule来管理。

微前端的技术拆分方式,从技术实践上,微前端架构可以采用以下几种方式进行

1.路由分发式

        通过HTTP服务器的反向代理功能,将请求路由到对应的应用上。

2.前端微服务化

        在不同的框架之上设计通信和加载机制,以在一个页面内加载对应的应用。

3.微应用

        通过软件工程的方式,在部署构建环境中,把多个独立的应用组合成一个单体应用。

4.微件化

        开发一个新的构建系统,将部分业务功能构建成一个独立的chunk代码,使用时只需要远程加载即可。

5.前端容器化

        将iframe作为容器来容纳其他前端应用。

6.应用组件化

        借助于Web Components技术,来构建跨框架的前端应用。

微前端可以实现的方式比较多,但都是依据场景而采用的。在有些场景下,可能没有合适的方式;在有些场景下,则可以同时使用多种方案

参考书籍:前端架构从入门到微前端

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值