新的 AWS Amplify Admin UI 可帮助您开发应用程序后端，无需云经验

今天，AWS Amplify 宣布推出新的 Admin UI 来配置应用程序后端，并在 AWS 控制台之外管理应用程序用户和内容。这项新功能可用于更轻松地使用 AWS 服务，并加快了全堆栈 Web 和移动应用程序的开发和管理。

我们于 2018 年 11 月推出了 AWS Amplify，从那时起，它一直在帮助前端 Web 和移动开发人员快速开发和部署云连接的 Web 和移动应用程序。为了保持领先地位并向客户提供创新，企业需要快速发布功能。但是，不熟悉 AWS 基础知识的开发人员和非开发人员都需要培训，这会减慢整个过程。

AWS Amplify 今天推出了新的 Admin UI，它使团队成员无需 AWS 账户即可与 AWS 进行交互（仅第一次部署时需要 AWS 账户）。

Admin UI 提供了简单而强大的工具来对数据库表进行建模、添加身份验证和授权以及管理应用程序内容、用户和组。它还提供了管理应用程序用户和内容的能力。AWS Amplify Admin UI 侧重于数据类型而非后端基础设施。所有的后端资源都会生成基础设施即代码 (IaC) 模板，这些模板可以提交到团队存储库中并与 AWS Amplify 持续部署工作流程集成，以管理不同的环境。

我们来看一个使用新 AWS Amplify Admin UI 的示例
想象一下，您是为本地餐厅创建网站的前端 Web 开发人员。餐厅老板希望建一个可以显示每日菜单的网站，并希望有一种简单的方法来每天更新页面的内容。

解决这个问题的方法有很多种。您可以启动服务器并安装 CMS 供餐厅老板管理菜单。对于这个特定的使用案例，让服务器专门执行此操作只是过度预置资源。或者，您可以使用无服务器工具自行创建 CMS；但是，这给开发周期增加了很多复杂性和额外的时间。

另一种选项是使用新的 AWS Amplify Admin UI，它使您可以利用很多 AWS 托管服务来快速创建后端，同时提供管理应用程序用户和内容的能力。

您需要做的第一件事是在 AWS 控制台中创建新的 AWS Amplify 应用程序后端。AWS Amplify 将创建一个称为转储的后端环境。当您的应用程序后端准备就绪时，打开新的 Admin UI。如果您想让另一位没有 AWS 经验也没有 AWS 账户访问权限的开发人员处理此应用程序，现在您可以授予他们访问权限，以便他们可以继续在该 UI 上工作。但是现在，让我们想象一下，您将完成所有的开发。

Admin UI 包含应用程序开发人员配置应用程序后端所需的所有工具，以及内容管理员更新应用程序内容所需的所有工具。

在 Admin UI 的边栏中（如下图所示），您可以找到设置应用程序的所有不同选项。

要开始使用餐厅网站，您需要一个菜单数据模型。为此，请首先转到 Data（数据）(1)，然后创建一个称为 Menu（菜单）(2) 的新数据模型，添加必要的字段并保存和部署 (3) 该模型。保存和部署模型将会在后端创建所有需要的 AWS 资源，例如 AWS AppSync API 和 Amazon DynamoDB 表，以托管菜单项。部署需要几分钟时间。

部署模型后，您可以开始处理网站。在此示例中，我将使用 AWS Amplify 支持的一个 Web 框架 React，但您可以用任何支持的框架展示相同的示例。

首先，您需要安装 AWS Amplify CLI：

npm install -g @aws-amplify/cli

然后创建新的 React 应用程序：

npx create-react-app react-amplified
cd react-amplified

创建应用程序后，您可以使用我们刚创建的 AWS Amplify 应用程序对其进行配置。为此，请返回 Admin UI 并选择 Local setup instructions（本地设置说明）(1)，然后在计算机中存储 Web 应用程序所在的目录中执行 amplify 命令 (2)。

执行该命令时，将打开一个浏览器窗口，询问您是否确定要登录 AWS Amplify Admin UI。选择是将授予 AWS Amplify CLI 访问权限，以便直接从本地桌面将更新部署到后端。CLI 将提示您有关本地环境的一些问题，最后会询问您是否计划在本地修改此后端。选择是。

当该过程结束时，您将注意到您的 Web 应用程序目录发生了一些变化：创建了几个新的目录（amplify 和 src/models）还有一个新文件 (aws-exports.js)。这些文件和目录包含您的 AWS Amplify 应用程序的所有配置。

现在是开发应用程序的时候了。要访问您在前几个步骤中创建的菜单数据模型，您需要从 AWS Amplify 中的使用 DataStore 库。DataStore 允许您连接到已部署的数据库，并从 UI 执行 CRUD、排序和筛选操作，以操作后端数据。在 Admin UI 中，您可以看到一些有关如何创建、更新、删除和查询模型的示例。

当网站准备就绪后，是时候添加一些内容了。添加菜单项由餐厅老板负责。为了使他们能够添加项目，他们需要拥有访问此应用程序的 Admin UI 的权限。

为此，您需要为拥有适当权限的餐厅老板创建一个新的 Admin UI 账户。请转至您的应用程序的 AWS Amplify 控制台，然后转至 Admin UI 管理并邀请用户。

将新用户添加到 Admin UI 时，您可以定义他们的权限范围。如果您想授予他们完全访问权限，他们将能够配置和管理应用程序后端环境，如果您希望他们只是能够编辑内容，则可以为他们授予仅管理访问范围。对于餐厅老板，请授予仅管理权限。

发送邀请后，餐厅老板将收到一封电子邮件，其中包含访问 Admin UI 的链接以及用于登录的用户名和密码。登录后，他们可以转到 Content（内容）选项卡 (1) 并开始在菜单中添加项目 (2)，他们可以在屏幕中看到表格中的可用项目 (3)。

在此屏幕中，餐厅老板可以随时添加、删除和编辑菜单中的项目。这些更改会在保存后立即反映在网站中。

Admin UI 的使用案例是无限的，例如博客、电子商务网站、计划应用程序等等。使用 Admin UI，开发人员可以专注于特定领域的数据模型，而不是花费大量时间来部署和拼接云基础设施，从而可以构建复杂且功能丰富的应用程序。AWS Amplify 为前端开发人员提供了开发移动和 Web 应用程序的最快、最简单的方法。对于不熟悉云且不需要向团队中的每个人授予 AWS 访问权限的开发人员，所有这些都可以访问。

可用性
AWS Amplify Admin UI 现已在以下区域推出：美国东部（弗吉尼亚北部）、美国东部（俄亥俄）、美国西部（俄勒冈）、亚太地区（孟买）、亚太地区（首尔）、亚太地区（新加坡）、亚太地区（悉尼）、亚太地区（东京）、加拿大（中部）、欧洲（法兰克福）、欧洲（爱尔兰）和欧洲（伦敦）。

有关更多信息，请访问 Amplify 服务页面。无需 AWS 账户即可在沙箱体验中开始构建数据模型。

— Marcia