JavaScript AWS放大SDK / AWS在React应用程序中基于认知的用户池分离

Question

我有一个完全基于AWS认知管理的用户池的反应本机web应用程序来处理身份验证。所有与认证相关的屏幕(登录、注册、更改密码)都是由AWS扩容JavaScript SDK管理的.几乎没有自定义客户端代码。

我们面临以下需求:我们需要将用户池分离为开发和production：相同应用程序的2种风格(相同的代码)需要使用在AWS 中管理的不同池。

实现这样的配置需要什么？

具体来说，我们有一个自动生成(很久以前)的aws-exports.js文件，它看起来像：

// WARNING: DO NOT EDIT. This file is automatically generated by AWS Amplify. It will be overwritten.
const awsmobile = {
    "aws_project_region": "us-east-1",
    "aws_cognito_identity_pool_id": "us-east-1:[id]",
    "aws_cognito_region": "us-east-1",
    "aws_user_pools_id": "us-east-1_[id]",
    "aws_user_pools_web_client_id": "[id]",
    "oauth": {}
};

export default awsmobile;

为"aws_user_pools_id“设置的ID确实是我们在科尼图中管理的池的ID。

加载此数据的源代码如下所示：

import Amplify, { Auth } from 'aws-amplify';
import awsconfig from '../aws-exports';

Amplify.configure(awsconfig);
Auth.configure(awsconfig);

需要做些什么？似乎重写自动生成的文件不是一个好主意。我们应该在调用.configure()之前修复“.configure”值吗？我们需要多个"aws_cognito_identity_pool_id“和/或"aws_user_pools_web_client_id”(在这种情况下)，还是可以在配置之间共享值？

如果有一个好的文件“如何”，我将感谢参考。

提前谢谢。

麦克斯。

Answer 1

假设您使用的是放大cli，您应该使用环境，如图所示的这里。不应将aws-exports.js文件提交给git。相反，应该使用amplify pull生成并保持最新。