reactjs - 使用相同的 GCP 负载均衡器在 GCS 存储桶和 GKE 之间进行路由

Question

我一直在寻找是否可以在 Google Cloud Storage 存储桶中托管静态 React 应用程序，并使用 Google Cloud CDN 和单个 Google Cloud Load Balancer 将缓存未命中路由到存储桶、管理证书并将内部请求从 React 应用路由到 GKE 中托管的 API？

是否有可能实现这种架构，或者是否有其他推荐的方法？

Answer 1

您可以拥有一个包含(两个或更多)路由匹配器的负载均衡器，一个用于具有 GKE 后端的 api.example.com，另一个用于具有后端存储桶的 static.example.com。

此后端存储桶将启用 CDN。如果需要，您可以将多个路由指向同一后端。

具体:

1. 创建由独立网络端点组表示的 Kubernetes 服务。这将允许您在 GKE 外部管理负载均衡器。文件:https://cloud.google.com/kubernetes-engine/docs/how-to/standalone-neg

2. 使用您想要与 API 端点匹配的路由创建 HTTP(S) 负载均衡器。在负载均衡器创建流程中创建 BackendService，并将其指向您在步骤 #1 中创建的现有区域网络端点组。文档:https://cloud.google.com/load-balancing/docs/https/https-load-balancer-example

3. 在同一流程中创建一个 BackendBucket，将其指向要用于存储静态 React Assets 的存储桶。确保勾选“启用 Cloud CDN”框并创建将流量发送到该存储桶的路由。文件:https://cloud.google.com/cdn/docs/using-cdn#enable_existing

4. 完成负载均衡的创建，负载均衡器将分配 IP 地址，并更新您的域名的 DNS 以指向这些 IP。