如何通过AWS Amplify的signInWithWebUI传递自定义用户名？

好问题！直接通过signInWithSocialWebUI传递自定义用户名是做不到的——这个方法的参数设计里并不支持传入自定义用户名，社交登录的用户信息默认是由Google/Facebook等身份提供商返回后，由Amplify自动生成格式如Facebook_xxxxxx的用户名。不过有两种可行的方案来实现自定义用户名的需求：

方案1：社交登录成功后手动更新用户名 #

这种方法适合快速实现，逻辑是用户第一次通过社交登录成功后，立即调用Amplify的用户属性更新接口，把默认生成的用户名替换成你想要的自定义值。

步骤说明： #

1. 先确保你的Cognito用户池允许修改用户名：在AWS控制台的Cognito用户池设置里，找到「属性」选项卡，把「用户名」的「可修改」开关打开。
2. 在登录回调中判断是否是新用户（第一次登录），如果是则执行用户名更新操作。

代码示例（JavaScript）： #

Amplify.Auth.signInWithSocialWebUI({ provider: 'FACEBOOK' })
  .then(user => {
    // 检查是否为首次登录（新用户）
    if (user.signInUserSession.isNewSession) {
      // 自定义用户名逻辑：比如取用户昵称（去掉空格）或邮箱前缀
      const baseUsername = user.attributes.name?.replace(/\s+/g, '') || user.attributes.email.split('@')[0];
      // 可选：添加随机后缀避免用户名重复
      const customUsername = `${baseUsername}_${Math.random().toString(36).slice(2, 6)}`;
      
      return Amplify.Auth.updateUserAttributes(user, {
        username: customUsername
      });
    }
    return user;
  })
  .then(result => {
    console.log('用户名更新完成', result);
  })
  .catch(err => {
    console.error('登录或用户名更新失败', err);
  });

方案2：通过Cognito预注册Lambda触发器自动设置 #

如果希望用户在首次注册（社交登录）时就直接生成自定义用户名，不需要后续手动更新，可以使用Cognito的预注册触发器（Pre Sign-up Trigger）。这个Lambda函数会在用户正式注册到Cognito用户池之前被调用，你可以在函数里自定义用户名。

步骤说明： #

1. 在AWS Lambda控制台创建一个新的Lambda函数。
2. 在Cognito用户池的「触发器」选项卡中，找到「预注册」触发器，关联你创建的Lambda函数。
3. 在Lambda函数中编写逻辑，从社交提供商返回的用户信息里生成自定义用户名，并覆盖默认的用户名。

Lambda代码示例（Node.js）： #

exports.handler = async (event) => {
  // 仅处理外部社交登录的用户
  if (event.triggerSource === 'PreSignUp_ExternalProvider') {
    // 从身份提供商返回的属性中获取用户信息（比如昵称、邮箱）
    const userFullName = event.request.userAttributes.name;
    // 生成符合Cognito规则的自定义用户名（字母、数字、下划线、减号、点号）
    let customUsername = userFullName.replace(/\s+/g, '').toLowerCase();
    
    // 可选：添加逻辑确保用户名唯一（比如查询用户池是否已存在该用户名，存在则加随机后缀）
    // 这里简化处理，直接赋值
    event.response.usernameOverride = customUsername;
  }

  return event;
};

注意事项： #

• 用户名规则：Cognito用户名支持长度3-128字符，允许字母、数字、下划线、减号、点号，生成自定义用户名时要符合这些规则。
• 唯一性：不管用哪种方案，都要确保自定义用户名在用户池中是唯一的，否则会触发错误。建议添加随机后缀或查重逻辑来避免冲突。
• 权限配置：使用Lambda触发器时，要确保Lambda函数有足够的权限访问Cognito用户池（如果需要查询用户名唯一性的话）。

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