micro-app 写在开头
微前端系列⽂章:
基于 qiankun 的微前端最佳实践(万字长⽂) - 从 0 到 1 篇
基于 qiankun 的微前端最佳实践(图⽂并茂) - 应⽤部署篇
基于 qiankun 的微前端最佳实践(图⽂并茂) - 应⽤间通信篇
万字长⽂+图⽂并茂+全⾯解析微前端框架 qiankun 源码 - qiankun 篇
本系列其他⽂章计划⼀到两个⽉内完成,点个 关注 不迷路。
⽣命周期篇;
性能优化、缓存⽅案篇;
image
OK,话不多说,我们进⼊到正⽂吧~
概述
本⽂是基于 qiankun 的微前端最佳实践系列⽂章之 应⽤部署篇,采⽤ qiankun 完成主应⽤与多个微应⽤之间的联接,在部署发布时与普通的 Web 应⽤并没有太⼤区别。
本教程将结合 实战案例 的 feat-deploy 分⽀,完成 qiankun 微应⽤架构的部署发布。
我们将演⽰在本地服务器上部署我们微前端应⽤,在本地部署成功后,我们再介绍如何在线上进⾏部署发布。
注意:
保证 Web 应⽤的⾼可⽤性需要专业的服务器运维知识,本⽂对这⽅⾯知识不会有太多讨论。
主要是因为这不属于前端开发⼈员的主要⼯作,⼆来这些知识对前端⼈员来说这有些难度,有需要的童鞋可以⾃⼰去了解。
nginx部署前端项目本⽂⾸先从应⽤的构建打包开始,介绍不同技术栈的构建打包⽅法:
1. 主应⽤的构建打包;
2. Vue 微应⽤的构建打包;
3. React 微应⽤的构建打包;
4. Angular 微应⽤的构建打包;
5. Static(⽆脚⼿架) 微应⽤的构建打包;
介绍完不同技术栈的构建打包⽅法后,我们会先介绍如何使⽤ Nginx 部署发布,然后再介绍如何使⽤ Caddy ⽅案(对前端更友好的 Web 服务器)发布,也就是下⾯两种⽅案:
1. Nginx 服务器部署发布 - 极简⽅案;
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论