模块 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
AWS Identity and Access Management (IAM) 允许您管理 AWS 中的用户和用户权限。CLI 使用 IAM,通过 CLI 以编程方式代表您创建和管理服务。
要配置 CLI,请运行 configure 命令。
amplify configure
-
初始化 Amplify 应用程序
接下来,我们将部署后端,并在本地初始化后端环境。
a. 在 Amplify 控制台中,选择 Backend environments(后端环境),然后选择 Get started(开始使用)。等待后端部署完成。
b. 在 Backend environments(后端环境)选项卡上,点击 Launch Studio(启动 Studio)。
c. 返回 Backend environments(后端环境)选项卡,展开 Local setup instructions(本地设置说明)部分。将命令复制到剪贴板,然后在计算机上打开终端。
d. 将命令粘贴到终端,然后按照设置说明操作。
? Choose your default editor: Visual Studio Code ? Choose the type of app that you're 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 plan on modifying this backend? Y
总结
您已经初始化了 Amplify 项目,现在可以开始添加功能了。在下一个模块中,我们只需几行代码就能添加完整的用户身份验证流程。
要在控制面板中随时查看您的 Amplify 项目,现在可以运行以下命令:
amplify console
? Which site do you want to open? AWS console