首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在独立托管微前端的同时,开发微前端web应用程序的最佳方法是什么?

在独立托管微前端的同时,开发微前端web应用程序的最佳方法是什么?
EN

Stack Overflow用户
提问于 2020-07-06 07:41:18
回答 1查看 288关注 0票数 2

我试过了,

  1. 单SPA
  2. Web组件

但在这两种情况下,我都找不到一种方法分别开发和部署微前端,然后在包装web应用程序中引用那些部署的微前端。

在我尝试使用上述方法的示例中,微前端在包装web应用程序中呈现,但是当独立地服务时,它们并不像预期的那样呈现。

EN

回答 1

Stack Overflow用户

发布于 2020-07-06 08:44:52

您不能用一个简单的静态站点解决方案来完成这个任务。必须使用一些后端。问题是您需要动态地提供一个微前端应用程序(mfa)列表,所以您必须至少更改一些内容。

实现这一目标的最简单方法是:

  1. 创建一个知道如何动态加载脚本的脚本(让我们将其命名为Loader) (参见document.createElement)。
  2. 创建一个API端点,该端点将返回应该加载的脚本列表。(此处出现后端)
  3. Update使用API获取要加载的微前端列表。

现在,模式应该如下所示:

代码语言:javascript
运行
复制
--> Index.html started
  --> Loader do fetch for the list of the mfa scripts
    --> Loader adds listed scripts dynamically
      --> Applications start working

当您需要更改应用程序列表时,您不需要重新部署任何东西。只要更改API响应(通过更新DB、config或任何您想要的内容),它就会工作。

这并不理想(从性能的角度来看,非常不理想,但是对于普通的静态站点来说是可行的)。

更好的方法(如果您有后端)是动态生成页面,并在服务器端动态地将您的脚本嵌入应用程序。它要简单得多,而且可能更快,因为您不需要等待对API的调用才能获得mfa列表。

希望这能有所帮助。

使用动态脚本加载可能很危险。如果您决定使用第一种方式,请不要忘记验证所有脚本都是可信的。例如,您可以使用内容-安全-策略

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62751381

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档