使用 Webpack 5 Module Federation 插件和 Google Cloud Platform 创建微前端架构答案

【问题标题】：Create a micro-frontend architecture using Webpack 5 Module Federation plugin and Google Cloud Platform使用 Webpack 5 Module Federation 插件和 Google Cloud Platform 创建微前端架构
【发布时间】：2021-12-10 16:45:25
【问题描述】：

任何人都可以提供有关如何使用 Webpack 5 Module Federation 插件和 Google Cloud Platform 创建微前端架构的提示吗？ 我最感兴趣的是 GCP 设置。
在我的本地环境中，一切都按预期工作。我想知道如何在 GCP 上设置类似于 AWS 网络分发的东西。

【问题讨论】：

标签： webpack google-cloud-platform micro-frontend

【解决方案1】：

可以在 GCP 的 App Engine 柔性环境中完成。在以下教程中，您将看到一个使用 Express.js 构建的 Node.js 应用程序示例，该应用程序使用 Webpack 在部署到 App Engine 灵活环境Webpack on App Engine flexible environment 时捆绑前端资产。正如我所提到的，第一个是针对 App Engine 柔性环境的，但是下面的 URL 有 Google Firebase 的官方文档，这次主要关注 Firebase，以防您将来需要它Using module bundlers with Firebase 。最后，关于 GCP 上的 Web 分发部分，它有一个名为 Cloud CDN（内容分发网络）的选项，它与外部 HTTP(S) 负载平衡一起使用，将内容分发给您的用户。外部 HTTP(S) 负载平衡器提供接收请求的前端 IP 地址和端口以及响应请求的后端。在以下 URL 中，您将找到该 Cloud CDN overview 的官方 GCP 文档。

【讨论】：