使用 AWS Amplify 构建 Flutter 移动应用程序 - 第 1 部分

创建适用于 iOS 和 Android 的行程规划器应用程序

简介
创建 Flutter 应用程序
添加身份验证
添加 API
添加存储

简介：使用 AWS Amplify 构建 Flutter 移动应用程序

概述

在本操作指南（即本系列指南的第一部分，共两部分）中，您将使用 AWS Amplify 创建一个跨平台的 Flutter 移动应用程序。该应用程序是一个行程规划器，用户可以在其中创建行程并设置行程的名称、目的地和日期。此外，用户还可以上传行程的横幅图片。

在本系列指南的第二部分中，您将向该应用程序中添加新功能，例如使用嵌套数据模型添加行程活动和使用 Amplify 函数创建用户的个人资料数据。

要完成的目标

本操作指南将引导您逐步创建一个有助于用户规划行程的应用程序。您将：

  • 通过终端创建一个 Flutter 应用程序，并使用功能优先的方法构造应用程序文件夹，您将采用这个方法为应用程序的每个功能创建一个文件夹。
  • 使用 Amplify CLI 为该应用程序创建 Amplify 后端
  • 向应用程序中添加 Amplify 身份验证功能并使用 Amplify Authenticator UI 库
  • 为行程创建数据模型，并使用 GraphQL API 同步到 Amplify 后端
  • 向应用程序中添加 Amplify 存储，让用户可以上传其行程图片

前提条件

  • AWS 账户：如果您还没有账户，请遵循设置 AWS 环境教程中的说明获取快速概览。
  • 安装和配置 Amplify CLI。
  • 安装和配置 Flutter。
  • 文本编辑器与 Flutter 的命令行工具结合使用。在本指南中，我们将使用 VSCode，但是您可以使用自己喜欢的 IDE。

  AWS 使用经验

新手

 完成时间

60 分钟

 所需费用

可通过 Free Tier 免费试用

 前提条件

  • AWS 账户：如果您还没有账户，请遵循设置 AWS 环境教程中的说明获取快速概览。
  • 安装和配置 Amplify CLI。
  • 安装和配置 Flutter。
  • 文本编辑器与 Flutter 的命令行工具结合使用。在本教程中，我们将使用 VSCode，但是您可以使用自己喜欢的 ​IDE。

 使用的服务

AWS Amplify

 上次更新时间

2023 年 8 月 23 日

模块

本操作指南分为以下几个短模块。您必须完成每个模块，上一个模块完成后才能移至下一个模块。

  1. 创建 Flutter 应用程序（15 分钟）：创建一个 Flutter 应用程序、为其添加依赖项并创建其文件夹结构。此外，您还将定义应用程序颜色和路由常量。
  2. 添加身份验证（10 分钟）： 为应用程序创建 Amplify 后端并使用 Amplify Authenticator UI 库实现身份验证。 
  3. 添加 API（20 分钟）：为应用程序创建 Amplify GraphQL API 并对行程功能执行 CRUD 操作。
  4. 添加存储（15 分钟）：为应用程序创建 Amazon S3 存储桶并实现行程图片上传功能。
开始学习模块 1

创建 Flutter 应用程序

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

 反馈