开始使用 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(后端环境)。

    Front End BackEnd Environments Module 2

    b.在 Backend environment(后端环境)选项卡中,将 amplify init 命令复制到您的键盘中。

    Front End BackEnd Environments2 Module 2

    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
    

结论

您已经初始化 Amplify 项目,并已经准备好开始添加功能! 我们将在下一个模块中使用几行代码添加整个用户身份验证流。

要随时在控制面板中查看您的 Amplify 项目,您现在可以运行以下命令:

amplify console

此模块有帮助吗?

谢谢
请告知我们您喜欢什么。
很抱歉让您失望了
是否存在过时、令人困惑或不准确的内容? 请向我们提供反馈,帮助我们改进本教程。

添加身份验证