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

使用嵌套数据和 Amplify 函数构建一个适用于 iOS 和 Android 的行程规划应用程序

简介:使用 AWS Amplify 为 Flutter 移动应用程序添加功能

概述

在本操作指南中,您将继续构建我们自本系列第一个教程就开始编写的跨平台 Flutter 移动应用程序。该应用程序是一个行程规划器,用户可以在其中创建行程并设置其名称、目的地和日期。此外,用户还可以上传行程的横幅图片。

您将为该应用程序添加多项新功能,例如,用户可借助功能添加行程活动、设置活动类别和日期,并上传活动文件和活动图片。您将利用一个 Amplify 函数来创建用户的个人资料数据,允许用户使用应用程序更新个人资料、更改姓名和设置所在城市。

您将在第一个模块中使用终端从 GitHub 克隆应用程序。然后,您将更新应用程序,引入展示过往行程、添加行程活动、编辑用户个人资料等新功能。

要完成的目标

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

  • 从 GitHub 克隆我们按照之前的操作指南构建的应用程序
  • 使用 Amplify CLI 为该应用程序创建 Amplify 后端
  • 更新应用程序以展示过往行程
  • 创建用于行程活动的数据模型和用户个人资料,并使用 GraphQL API 将其同步到 Amplify 后端

前提条件

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

 AWS 使用经验

新手

 最短完成时间

160 分钟

 所需费用

可通过 Free Tier 免费试用

 前提条件

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

 使用的服务

AWS Amplify

 上次更新时间

2023 年 9 月 12 日

模块

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

  1. 克隆 Flutter 应用程序(30 分钟)从 Github 克隆 Flutter 应用程序,升级其依赖项,并创建一个 Amplify 后端。
  2. 添加过往行程功能(40 分钟):实现功能逻辑和 UI 以展示过往行程,并为应用程序加入一个导航抽屉,使用户能够导航到本指南中介绍的不同页面。
  3. 添加活动功能(45 分钟):使用 Amplify GraphQL API 添加并展示一次行程中的活动。
  4. 添加个人资料功能(45 分钟):使用一个 Amplify 函数为用户创建个人资料,并在应用程序中实现创建、更新和展示个人资料的逻辑和 UI。

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

克隆 Flutter 应用程序