Skip to content

什么是微前端?

微前端有什么用?具体解决什么?

如何使用微前端?

使用场景?

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