【Serverless Web 应用程序】构建流程

【1】选择构建 Serverless Web 应用程序，程序架构如下所示：

【2】开发流程

【2.1】静态 Web 托管与持续部署：

所有的静态网页内容（HTML、CSS、JavaScript、图 像）和其他文件将由 AWS Amplify 控制台管理。用户将使用 AWS Amplify 控制 台公开的公共网站 URL 访问 Web。不需要额外运行 web 服务器或使用其他服务， 降低成本。 下图显示了从开发到测试，最后到生产的工作流程，使用 Amplify 管理不同的环境和开发步骤， 同时通过源代码控制保持开发进度。

【2.1.1】选择支持 web services 的区域（HongKong/Asia Pacific-Tokyo）
【2.1.2】创建一个 Git repository 在 AWS CodeCommit/Github 中管理源码
【2.1.3】迁移 Git 仓库，从现有的公开访问 S3 bucket 中复制网站 content，并将其添加到 repository 中。
【2.1.4】部署 AWS Amplify Console 进行 Web 托管（静态 web 应用程序代码 存储及配置，应用的生命周期简化管理）
【2.1.5】实时动态调整 site：当检测到对连接的存储库有更改，将会更改主页 来进行测试

【2.2】用户管理：

创建 Amazon Cognito user pool 进行用户账号管理，设置网页驱动用 户进行注册，邮箱认证以及账户登陆。用户提交注册信息后，亚马逊 Cognito 将 向用户提供的地址发送一封包含验证码的确认邮件。为了确认帐户，用户将返回站 点，并输入电子邮件地址和收到的验证码。当用户有了一个确认的帐户(使用电子 邮件验证过程或通过控制台的手动确认)后，即能登录。当用户登录时，他们输入 用户名(或电子邮件)和密码。然后 JavaScript 函数与 Amazon Cognito 通信，使 用安全远程密码协议(SRP)进行身份验证，并接收一组 JSON Web Tokens(JWT)。 JWT 包含关于用户身份的声明，并使用其来验证 Amazon API Gateway 构建的 RESTful API。

【2.2.1】创建配置 Amazon Cognito uer pool
【2.2.2】在用户池中增加 app：从 Amazon Cognito 控制台选择用户池，然后 选择 App 客户端部分，并添加一个新的应用程序客户端
【2.2.3】升级网站的 Config：/js/config.js 文件包含了用户池 ID，应用客户端 ID 和 Region 的设置。在创建的用户池和应用程序的设置中更新此文 件，并将其上传到 buck 中
【2.2.4】验证 Cognito 的配置是否成功

【2.3】Serverless 后端开发：

使用 AWS Lambda 和 Amazon DynamoDB 构建一个后端 流程来处理 web 应用程序的请求，为了满足这些请求，运行在浏览器中的 JavaScript 将调用运行在云中的服务。通过实现一个 Lambda 函数，每次用户请 求时都会调用它。该函数处理业务逻辑，同时在 DynamoDB 表中记录请求，然后 调用相关服务响应前端应用程序。

【2.3.1】使用 Amazon DynamoDB console 创建一个 Amazon DynamoDB Table 【2.3.2】为 Lambda function 创建一个 IAM Role，此 Role 定义了 Lambda function 允许与特定的 AWS 服务进行交互
【2.3.3】创建一个 Lambda function 去处理 HTTP 请求
【2.3.4】验证 AWS Lambda 的配置是否成功

【2.4】部署 RESTful API：

使用 Amazon API Gateway 将构建好的 Lambda 函数作为 RESTful API公开，此API可以在公共互联网上访问。它将使用创建完成的Amazon Cognito 用户池进行保护。通过添加客户端 JavaScript 将静态托管的网站变成一 个动态的 web 应用程序，该 JavaScript 对公开的 API 进行 AJAX 调用。

【2.4.1】创建一个新的 RESTful API
【2.4.2】创建一个 Cognito User Pools 认证器
【2.4.3】创建新的 resource 和 method：在 API 中创建一个名为/ride 的新资源。 然后为该资源创建一个 POST 方法，并将其配置为由 Lambda 函数支持 的 Lambda 代理集成。
【2.4.4】部署 API：从 API Gateway 控制台，选择 Actions, 进行 API 部署。 【2.4.5】升级网站的 Config
【2.4.6】验证 RESTful API 配置是否成功

【3】基础组件功能特性

【3.1】Amplify Console:提供持续部署和静态 web 资源的托管，包括 HTML、CSS、 JavaScript 和加载在用户浏览器中的图像文件。JavaScript 使用 Lambda 和 API Gateway 构建的公共后端 API 发送和接收数据
【3.2】Amazon Cognito：提供用户管理和认证功能，确保后端 API 的安全性。 【3.3】DynamoDB：提供了一个持久层数据存储框架，可以存放 API 的 Lambda 函数以 及其他业务数据