开始使用 AWS
构建 React 应用程序
使用 AWS Amplify 创建简单的 Web 应用程序
模块 2:初始化本地 Amplify 应用程序
在此模块中,您将安装并配置 Amplify CLI。
简介
现在,我们已在账户中初始化新的 Amplify 项目,我们想要将它带到我们的本地环境中,以便可以继续开发和添加新功能。
在本模块中,您将安装 Amplify CLI 并使用 CLI 初始化 Amplify 项目。
您将学到的内容
- 安装和配置 Amplify CLI
- 初始化 Amplify 应用程序
重要概念
Amplify CLI – Amplify CLI 可使您直接从您的终端创建、管理和删除 AWS 服务。
完成时间
5 分钟
使用的服务
实施
-
安装 Amplify CLI
Amplify 命令行界面 (CLI) 是一个统一的工具链,可用于按照简单的指导工作流为您的应用程序创建 AWS 云服务。我们继续来使用命令提示符 (Windows) 或终端 (macOS) 安装 Amplify CLI。注:此命令可以在您的命令提示符/终端的任何目录中运行,因为“-g”表示将在您的系统上全局安装二进制文件。
npm install -g @aws-amplify/cli
-
配置 Amplify CLI
Amazon IAM (Identity and Access Management) 可使您在 AWS 中管理用户和用户权限。CLI 使用 IAM 代表您通过 CLI 以编程形式创建和管理服务。
要配置 CLI,请运行 configure 命令。要查看 CLI 配置过程的视频演练,请点击此处。
amplify configure
-
初始化 Amplify 应用程序
接下来,我们将在本地初始化应用程序。由于我们已经创建了 Amplify 项目,我们可以使用已经创建的应用程序配置。
a.在 Amplify 控制台中,点击 Backend environments(后端环境)。
b.在 Backend environment(后端环境)选项卡中,将 amplify init 命令复制到您的键盘中。
c.使用下面的命令在本地初始化 Amplify 项目。
注:确保您所选择的配置文件已经使用与您已经部署的 Amplify 项目相同的区域配置。
amplify init --appId your-app-id ? Enter a name for the project: amplifyapp ? Enter a name for the environment: dev ? Choose your default editor: Visual Studio Code ? Choose the type of app that youre building: javascript ? What javascript framework are you using: react ? Source Directory Path: src ? Distribution Directory Path: build ? Build Command: npm run-script build ? Start Command: npm run-script start ? Do you want to use an AWS profile? Y ? Please choose the profile you want to use: your-aws-profile