reactjs - 安全地管理托管在 Cloudfront Distribution 后面的 S3 中的 React 应用程序的配置数据

Question

设置

• 反应 - v16​​.6.3
• S3 存储桶 - 为静态网站托管配置
• CloudFront 分发 - 以上述 S3 存储桶为源
• Cognito - 管理用户访问
• SSM 参数存储 - 管理配置数据和机密

问题

我们使用一个awsConfig.js文件来处理 React 应用程序与 AWS Cognito 服务通信所需的配置信息。

export default {
  cognito: {
    REGION: xxxx,
    USER_POOL_ID: xxxx_xxxx,
    APP_CLIENT_ID: xxxx,
    IDENTITY_POOL_ID: xxxx
  }
};

使用这个文件意味着我们在浏览器中暴露了一些我们想要避免的配置信息。

到目前为止我尝试过的

使用 AWS SSM Parameter Store 保存这些值，然后在awsConfig.js文件中将它们作为环境变量引用。但是我遇到了这里描述的问题- 因为应用程序是静态托管的，所以您不能动态调用内容。

问题

1. 如何安全地调用以这种方式托管的 React 应用程序的配置数据？
2. 有必要混淆这种类型的配置数据吗？

标签： reactjsamazon-web-servicesamazon-s3amazon-cognito