前言
前面一篇文章Single-spa 成熟的微前端架构方案介绍了要用微前端架构的背景和目的,简单对比了微前端架构方案的技术选型,以及分享了一些微前端的概念图和简单的架构图。
这篇文章属于项目实战,利用qiankun(一个基于 single-spa 的微前端实现库)加Ant Design组件库实现微前端主应用和微应用的路由交互、状态通信等,并且微应用按需加载组件库,微应用支持独立运行模式。
前面一篇文章Single-spa 成熟的微前端架构方案介绍了要用微前端架构的背景和目的,简单对比了微前端架构方案的技术选型,以及分享了一些微前端的概念图和简单的架构图。
这篇文章属于项目实战,利用qiankun(一个基于 single-spa 的微前端实现库)加Ant Design组件库实现微前端主应用和微应用的路由交互、状态通信等,并且微应用按需加载组件库,微应用支持独立运行模式。
有时候在某些开发场景必须需要用到https安全环境来测试,比如FB的登录sdk调试,FB的App Links,PWA的调试等等。那我们就需要搭建一个https安全环境,这种情况我有两种解决方案。
第1种本地生成的证书只能在自己电脑上信任证书来确保https安全环境为绿色,在其他设备上会显示https不安全。
要使用公网认证的https就用第2种方式,去白嫖SSL安全证书,第2钟方式要有几个前提条件
我下面主要介绍第2种方案,想要实现第1种方案的可以去查看mkcert的文档
Express+Vue+AMP搭建node服务端注入首屏渲染数据, Express+ejs组装AMP组件的项目架构
我做过的某个项目经历过以下5个项目架构形态
具体架构变动看下面的思维导图