11、为无服务器Web应用添加AI接口

为无服务器Web应用添加AI接口

1. 前端更新

在API安全得到保障之后，需要更新前端以允许访问。具体操作步骤如下：
1. 进入 step-2-cognito-login/frontend 目录。
2. 运行以下命令：

$ source ../.env
$ npm install
$ npm run build
$ aws s3 sync dist/ s3://$CHAPTER4_BUCKET

这些命令会构建包含身份验证代码的新版本应用程序，并将其部署到指定的存储桶中。部署完成后，在浏览器中访问该应用程序，会看到一个空白页面，页面顶部有一个“Login”链接。点击此链接会弹出Cognito登录对话框，登录后应用程序将正常运行。

使用Cognito虽然需要一些设置工作，但好处远远超过成本，它提供了以下功能：
- 用户注册
- 安全的JWT登录
- 集成到AWS IAM安全模型
- 密码重置
- 企业和社交联合身份（如Facebook、Google、Twitter等）
- 密码策略控制

2. 添加语音转文本接口

在部署并保障了基本的无服务器应用程序后，接下来要添加一些AI功能，首先是语音转文本接口，使用AWS Transcribe实现。

2.1 实现架构

该功能的实现架构如下：

graph LR
    cla