AWS 中针对 SPA 和 API 网关的交叉堆栈参考

Question

我在下面提到了两个 AWS 服务

• 堆栈 1： Api 网关 + Lambda（无服务器）
• 堆栈 2： 使用 AWS S3 的 SPA（单页应用程序）。

我想单独公开Stack 1'或'同时部署Stack 1 & Stack 2，这样两个堆栈就可以无缝地相互通信。

我目前的解决方案：
我正在考虑使用Cross Stack reference（使用导出/导入），以便Stack 1 将输出其URL，以便将来可以引用它（如果我想在将来部署Stack 2）。

我的问题：

1. 如何将 API 和 SPA 绑定在一起？
2. 虽然我知道如何在 SPA (AWS S3) 中引用 Cross Stack 的 Exported URL 值，但我不确定如何在 AWS S3 中使我的代码 (index.html) 动态化，以便调用 @ 987654330@的API。

更新：
想知道我的问题是否足够清楚。问我问题的另一种方式是“我如何在 Javascript/Ruby 等代码中使用从Stack 1 吐出的URL？”。我知道如何在另一个 cloudformation 模板中引用 URL 而不是在代码中。

Answer 1

两个想法：

1. 正如您所提到的，如果您能够导出 API Base Endpoint，或者如果您可以导出变量 api-id、region 和 stage，那么您可以在 SPA 代码中动态构建 URL。

基本端点是

https://{api-id}.execute-api.{region}.amazonaws.com/{stage}

并使用 AJAX 库发出 HTTP 请求。

此方法中最重要的是每次删除和部署stack-1时都要重新构建和部署stack-2

1. 如果您不想在每次更改 stack-1 时都部署 stack-2，则将 API 服务映射到自定义域。即，您的 API 端点可以映射到自定义 URL，例如 https://api.example.com，并且每次重建堆栈时，新端点都会映射到现有的自定义 URL，从而保护您的 stack-2 免于失败。当然，在您的 stack-2 中，您将向 https://api.example.com 或 https://api.example.com/myservice 等发出 HTTP 请求。

参考：https://docs.aws.amazon.com/apigateway/latest/developerguide/how-to-custom-domains.html

如果您使用的是serverless-framework，您可以参考此答案了解如何实现此解决方案：https://github.com/serverless/serverless/issues/2074#issuecomment-323370777