什么是微前端?
微前端有什么用?具体解决什么?
如何使用微前端?
使用场景?
SingleSpa
我感觉微前端更适用在后台操作系统上,
看了好几个大厂,比如美团外卖,网易应选,每日优鲜的,都是改造后台的。
前台目前的项目没看到
虽然是页面跳转,但是项目相对独立
共赢如何改造
需要登录情况下跳转到
如果没有登录跳转到登录页面
什么是 single-spa?
single-spa 一个基于 JavaScript 的 微前端架构,它可以用于构建可共存的微前端应用,每个前端应用都可以用自己的框架编写,完美支持 Vue React Angular。可以实现 服务注册 时间监听 字符组件通讯 等功能
umi 乾坤暂不支持 通讯,要通讯的话要自己封装
https://github.com/umijs/qiankun/projects/2
单页面应用
懒加载就可以
页面跳转就可以,跳的时候加上 access 参数
凭证 accessToken
我希望的是
二合一,共赢,咨询 三个是独立的项目, 独立开发独立部署
如何做到?通过路由跳转带参数?
安全吗?通过 get 请求如果抓包是得到信息,显然不安全
感觉不需要使用微前端
这套东西在后台管理页面上也许好使,但是 to C 项目完全不需要
一个页面不超过 200 行
jwt
uid
带过去
get 的时候带过去
然后我去解析
跳转共赢的时候带上 签名
共赢这边解析 解析是同一个人就
md5 加密
可以前端起一个 node 服务,目前就做加密效果
进入共赢项目的时候就去验证他是否是他。
如果说咨询只有在点击的时候判断你的话,那么它就在哪个时候调用接口
session 已经没用了,用 jwt
既然用单页面应用,session 的功能只剩下保存 uid 用,用 jwt
session 和 jwt 的区别在于 session 不可预测,jwt 无状态,加密
jsapi_ticket 临时票据
需要 ticket 才能生成 accessToken 访问令牌
基本上是敲定了
二合一,共赢,咨询分而治之
但是二合一还是要彻底重构,用手
Suspense 是什么
配合 lazy 实现 code Spliting
https://tech.meituan.com/2018/09/06/fe-tiny-spa.html
https://www.thoughtworks.com/cn/radar/techniques/micro-frontends