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. 构建和保护无服务器 Web 应用

可以通过代码定义从客户端到数据库的端到端无服务器平台，并使用 Serverless Framework 进行部署。具体实现要点如下：
- DynamoDB 表创建 ：在 serverless.yml