在 AWS Amplify 上部署 Web 应用程序

入门指南

简介
创建 Amplify 项目
初始化后端
构建前端
部署应用程序
清理资源

模块 1：新建 Amplify 项目

在本模块中，您将新建一个 Web 应用程序并配置 Amplify

简介

在本模块中，您将使用 React (用于构建用户界面的 JavaScript 库) 新建一个 Web 应用程序，同时了解如何为第一个项目配置 AWS Amplify。

您将学到的内容

  • 新建 Web 应用程序
  • 在您的项目上设置 Amplify

 所需时间

5 分钟

 需要

 获取帮助

Amplify 故障排除

实施

  • 1.在新的终端窗口或命令行中，运行以下命令，以验证您运行的至少是 Node.js 版本 18.16.0 和 npm 版本 6.14.4 或更高版本。

    • 如果运行的不是上述版本，请访问 nodejs 和 npm 网站获取更多信息。

    注意：输出的内容可能因安装的版本而异。

    node -v

npm -v

  • 1.在新的终端或命令行窗口中，运行以下命令以使用 Vite 创建 React 应用程序：

    npm create vite@latest expensetracker -- --template react
cd expensetracker
npm install
npm run dev

    2.在终端窗口中，选择并打开本地链接以查看 Vite + React 应用程序。

    3. 打开一个新的终端窗口，导航到项目根文件夹 (expensetracker)，然后运行以下命令：

    npm create amplify@latest -y

    注：运行前面的命令将在您安装软件包所在的应用程序目录中构建一个轻量级的 Amplify 项目。

结论

在本模块中，您学习了如何创建 React 前端应用程序，并安装了 Amplify 包，以准备为应用程序配置后端。在下一个模块中，您将学习如何初始化 AWS Amplify 后端。

开始学习模块二

初始化 Amplify 后端

此页内容对您是否有帮助？

 反馈