1. 首先创建一个选择租户的登录页面，并提供租户列表。可以使用HTML和JavaScript代码来实现页面。

2. 使用AWS Amplify JavaScript库来实现登录过程。具体来说，需要调用Auth.signIn方法并传入用户名、密码和所选租户的名称，如下所示：

import Amplify, { Auth } from 'aws-amplify';

// 初始化 Amplify 配置
const amplifyConfig = {
  Auth: {
    identityPoolId: 'yourIdentityPoolId',
    region: 'yourRegion',
    userPoolId: 'yourUserPoolId',
    userPoolWebClientId: 'yourUserPoolClientId'
  }
};
Amplify.configure(amplifyConfig);

// 处理登录
async function handleLogin(username, password, tenant) {
  try {
    const credentials = await Auth.signIn(username, password);
    // 将租户名称放入 userAttributes 中，以便稍后使用
    const userAttributes = {
      'custom:tenant': tenant
    };
    await Auth.updateUserAttributes(credentials, userAttributes);
    // 登录成功后，将用户重定向到主页面
    window.location.href = '/home';
  } catch (error) {
    console.log(error);
    // 处理错误
  }
}

在这里，我们将所选租户的名称添加到用户属性中，以便稍后在应用程序的其他部分中使用。

3. 更新AWS Cognito用户池配置，以便它包含您的租户列表。这可以通过添加自定义属性和在用户池中定义自定义域来完成。例如，可以创建名为“tenant”的自定义属性，并将其添加到用户池架构中：

{
  "Version": "1.0",
  "Attributes": [
    {
      "Name": "tenant",
      "AttributeDataType": "String",
      "DeveloperOnlyAttribute": false,
      "Mutable": true,
      "Required": false
    }
  ]
}

然后，您可以在自定义域中定义租户列表，