实际上此协议已经开放一段时间了（一年左右），里边一些实践还是很不错的，对于微前端实现的同学可以参考学习
同时官方也提供了一个基于aws 服务的参考实践，作者的一些演讲也是值得学习的
参考格式
如下图，可以看到包含了一些不错的设计，以及对于实际的部署维护，包含了元数据，多版本，fallback，一致性检查
以及包含了实际部署多版本共存的流量处理
{
"schema": "https://mfewg.org/schema/v1-pre.json",
"microFrontends": {
"@my-project/catalog": [
{
"url": "https://static.website.com/my-catalog-1.3.5.js",
"fallbackUrl": "https://alt-cdn.com/my-catalog-1.3.5.js",
"metadata": {
"integrity": "e0d123e5f316bef78bfdf5a008837577",
"version": "1.3.5"
},
"extras": {
"modulefederation": {
"prefetch": ["@my-project/myaccount"]
}
}
}
],
"@my-project/myaccount": [
{
"url": "https://static.website.com/my-account-1.2.2.js",
"fallbackUrl": "https://alt-cdn.com/my-account-1.2.2.js",
"metadata": {
"integrity": "e0d123e5f316bef78bfdf5a008837577",
"version": "1.2.2"
},
"deployment": {
"traffic": 30,
"default": false
}
},
{
"url": "https://static.website.com/my-account-2.0.0.js",
"fallbackUrl": "https://alt-cdn.com/my-account-2.0.0.js",
"metadata": {
"integrity": "e0d123e5f316bef78bfdf5a008837577",
"version": "2.0.0"
},
"deployment": {
"traffic": 70,
"default": true
}
}
]
}
}
说明
frontend-discovery 是一个挺不错的是实践，值得参考学习下，功能上与opencomponents 有一些类似的，当然opencomponents 提供的是一个比较完整的
微前端组件化方案，对于frontend-discovery的参考实现frontend-discovery-service 利用了不少aws 的服务
参考资料
https://github.com/awslabs/frontend-discovery
https://github.com/awslabs/frontend-discovery-service
https://github.com/opencomponents/oc
https://opencomponents.github.io/