使用生成式人工智能构建无服务器 Web 应用程序

教程

模块 2:管理用户

在本模块中,您将配置 Amplify Auth,并将启用 Amazon Bedrock 基础模型访问权限。 

概览

现在您已经有了 React Web 应用程序,您将使用由 Amazon Cognito 提供支持的 AWS Amplify Auth 为该应用程序配置身份验证资源。Cognito 是一项强大的用户目录服务,用于管理用户注册、身份验证、账户恢复等。

您将使用 AWS 管理控制台启用对 Amazon Bedrock 和 Claude 3 Sonnet 基础模型的访问权限,应用程序将使用该模型生成配方。

您将学到的内容

  • 设置 Amplify Authentication
  • 设置对 Anthropic 的 Claude 3 Sonnet 的访问权限

实施

 完成时间

5 分钟

 需要

  • 该应用程序使用电子邮件作为默认登录机制。当用户注册时,他们会收到一封验证电子邮件。在此步骤中,您将自定义发送给用户的验证电子邮件。

    1.在本地计算机上,导航到 ai-generated-recipes/amplify/auth/resource.ts 文件,然后使用以下代码对其进行更新。然后,保存文件。

    import { defineAuth } from "@aws-amplify/backend";
    
    export const auth = defineAuth({
      loginWith: {
        email: {
          verificationEmailStyle: "CODE",
          verificationEmailSubject: "Welcome to the AI-Powered Recipe Generator!",
          verificationEmailBody: (createCode) =>
            `Use this code to confirm your account: ${createCode()}`,
        },
      },
    });

    右边的图片是自定义验证电子邮件的示例:

  • Amazon Bedrock 使用户能够请求访问各种生成式人工智能模型。在本教程中,您将需要访问 Anthropic 的 Claude 3 Sonnet。

    1.在新的浏览器窗口中登录 AWS 管理控制台,然后通过以下网址打开 AWS Amazon Bedrock 控制台:https://console.thinkwithwp.com/bedrock/确认您位于 N. Virginia us-east-1 区域,然后选择开始

    2.在基础模型部分中,选择 Claude 模型

    3.向下滚动到 Claude 模型部分,选择 Claude 3 Sonnet 选项卡,然后选择请求模型访问权限

    注意:如果您已经有权访问某些模型,则该按钮将显示管理模型访问权限

    4.在“基础模型”部分中,对于 Claude 3 Sonnet,选择可供请求,然后选择请求模型访问权限

    5.  在编辑模型访问权限页面上,选择下一步

    6.  在查看并提交页面上,选择提交

结论

您已将 Amplify 配置为身份验证并自定义了验证电子邮件,而且启用了对 Amazon Bedrock 和 Claude 3 Sonnet 的访问权限。

构建无服务器后端

请就我们的表现提供反馈。