reactjs - 使用 CDK/AWS 在 React App 中注入(inject) Systems Manager 值的任何方法

Question

我正在处理一项有趣的任务，但到目前为止无法解决它。

配置:

1. 用于在 SSM 中存储值的后端的 AWS 代码管道 (@aws-cdk/aws-ssm)
2. 前端的 AWS 代码管道，它构建了一个为 React 应用程序构建项目的管道
3. 带有 buildspec.yml 的 React App git 存储库，由 #2 中的管道使用并部署到 S3

问题:有什么好的方法可以读取 #1 中存储的值并将其注入(inject)到 React App 中吗？

我可以轻松地在 #2 中阅读它，但该项目仅用于管道创建。因此，我认为前端在构建或部署步骤期间需要在管道中执行一些特殊步骤来更新 React App。

有什么绝妙的想法吗？ :) 到目前为止我还没有。

谢谢!

buildspec.yml 代码:

version: 0.2

phases:
  install:
    runtime-versions:
      nodejs: 12
    commands:
      - yarn install
  build:
    commands:
      - yarn build

artifacts:
  base-directory: ./build
  files:
    - '**/*'

cache:
  paths:
    - './node_modules/**/*'

Answer 1

好的，我已经成功使用 CDK 在 React App 中注入(inject) Systems Manager 值。我没有找到一种方法来完成初始设置(3 个存储库)。我必须将 #2 与 #3 合并(因此，前端 React 应用程序应该与 cdk 一起)。

在此设置中，您可以读取 cdk 堆栈中的 Systems Manager 值，并将其添加到构建步骤期间与动态构建规范使用react(来自代码的构建规范)。