如何让AWS Amplify/Cognito新注册用户自动加入用户组？

我来帮你搞定这个问题！当你用Amplify的withAuthenticator高阶组件实现注册时，默认确实不会自动把新用户分配到Cognito用户组里。下面给你两种实用的解决方案，按需选择就行：

方法一：用Cognito Post Confirmation Lambda触发器（推荐，无需修改前端代码） #

这个办法是让用户完成注册确认后，自动触发Lambda函数把用户加到指定组里，全程后端自动处理，不用改前端逻辑。

1. 创建Lambda函数
   新建一个Node.js类型的Lambda函数，代码如下（记得替换成你的用户组名称）：

   const AWS = require('aws-sdk');
   const cognito = new AWS.CognitoIdentityServiceProvider();
   
   exports.handler = async (event) => {
       // 替换成你要分配的目标用户组名称
       const targetGroup = 'YourDefaultUserGroup';
       const params = {
           GroupName: targetGroup,
           UserPoolId: event.userPoolId,
           Username: event.userName
       };
       
       try {
           await cognito.adminAddUserToGroup(params).promise();
           console.log(`Successfully added user ${event.userName} to group ${targetGroup}`);
           return event;
       } catch (err) {
           console.error('Error adding user to group:', err);
           throw err;
       }
   };
   

2. 给Lambda配置权限
   给这个Lambda函数添加cognito-idp:AdminAddUserToGroup的权限，确保它能操作你的Cognito用户池。可以在Lambda的“配置”→“权限”里修改执行角色的策略，添加类似下面的内容：

   {
       "Version": "2012-10-17",
       "Statement": [
           {
               "Effect": "Allow",
               "Action": "cognito-idp:AdminAddUserToGroup",
               "Resource": "arn:aws:cognito-idp:你的区域:你的账号ID:userpool/你的用户池ID"
           }
       ]
   }
   

3. 配置Cognito触发器
   打开你的Cognito用户池，进入“触发器”选项卡，找到“Post Confirmation”触发器，选择刚才创建的Lambda函数保存即可。之后新用户完成注册确认后，就会被自动加到指定组里啦。

方法二：前端注册成功后手动添加用户到组 #

如果需要更灵活的控制（比如根据注册信息分配不同组），可以在前端注册流程完成后手动调用Amplify的API添加用户到组。

因为你用的是withAuthenticator高阶组件，默认的注册流程没有暴露注册成功的回调，所以你可以自定义注册组件来实现：

import React from 'react';
import { withAuthenticator, Auth } from 'aws-amplify-react';

class CustomAuthenticator extends React.Component {
    // 自定义注册成功后的处理逻辑
    handleSignUp = async (username, password, attributes) => {
        try {
            // 完成注册
            await Auth.signUp({
                username,
                password,
                attributes
            });
            // 注册成功后，将用户添加到指定组
            await Auth.adminAddUserToGroup({
                username,
                group: 'YourTargetGroupName',
                userPoolId: '你的用户池ID'
            });
            alert('注册成功，已加入用户组！');
        } catch (err) {
            console.error('注册失败:', err);
            alert(err.message);
        }
    };

    render() {
        // 这里可以自定义注册表单，或者用默认组件并绑定回调
        return (
            <div>
                {/* 自定义注册表单，调用this.handleSignUp */}
            </div>
        );
    }
}

export default withAuthenticator(CustomAuthenticator);

⚠️ 注意：前端调用adminAddUserToGroup需要对应的权限，直接在前端操作可能存在安全风险，更稳妥的方式是通过API Gateway+Lambda来代理这个请求，前端调用API Gateway触发Lambda完成添加组的操作。

内容的提问来源于stack exchange，提问作者honkskillet