使用生成式人工智能构建无服务器 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 分钟
需要
- 文本编辑器。以下是一些免费内容:
-
设置 Amplify Auth
该应用程序使用电子邮件作为默认登录机制。当用户注册时,他们会收到一封验证电子邮件。在此步骤中,您将自定义发送给用户的验证电子邮件。
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 模型访问权限
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 的访问权限。