构建全栈 React 应用程序

使用 AWS Amplify 创建简易 Android 应用程序

模块 2:初始化本地 Amplify 应用程序

在本模块中,您将安装并配置 Amplify CLI

概述

现在,我们已在账户中初始化了一个新的 Amplify 项目,希望将其引入本地环境,以便继续开发和添加新功能。

在本模块中,您将安装 Amplify CLI,并使用 CLI 初始化 Amplify 项目。

学习目标

在本模块中,您将:
  • 安装并配置 Amplify CLI
  • 初始化 Amplify 应用程序

关键概念

Amplify CLI – 通过 Amplify CLI,您可以直接在终端中创建、管理和删除 AWS 服务。

 时长

5 分钟

 使用的服务

操作步骤

  • Amplify 命令行界面 (CLI) 是一个统一的工具链,遵循简单的引导式工作流,为您的应用程序创建 AWS 云服务。接下来,让我们使用命令提示符 (Windows) 或终端 (macOS) 安装 Amplify CLI。注意:由于 -g 表示二进制文件将在系统上全局安装,因此可以在命令提示符/终端的任意目录下运行此命令。

    npm install -g @aws-amplify/cli
  • AWS Identity and Access Management (IAM) 允许您管理 AWS 中的用户和用户权限。CLI 使用 IAM,通过 CLI 以编程方式代表您创建和管理服务。

    要配置 CLI,请运行 configure 命令。

    amplify configure
  • 接下来,我们将部署后端,并在本地初始化后端环境。

    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

添加身份验证