首页  »  入门资源中心  »  操作指南

构建全栈 React 应用程序

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

简介
部署和托管 React 应用程序
初始化本地应用程序
添加身份验证
添加 API 和数据库
添加存储

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

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

概述

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

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

学习目标

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

关键概念

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

 时长

5 分钟

 使用的服务

AWS Amplify

操作步骤

  • 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
开始学习模块 3

添加身份验证