使用 AWS Amplify 构建 Flutter 移动应用程序 - 第 2 部分
使用嵌套数据和 Amplify 函数构建一个适用于 iOS 和 Android 的行程规划应用程序
简介:使用 AWS Amplify 为 Flutter 移动应用程序添加功能
概述
在本操作指南中,您将继续构建我们自本系列第一个教程就开始编写的跨平台 Flutter 移动应用程序。该应用程序是一个行程规划器,用户可以在其中创建行程并设置其名称、目的地和日期。此外,用户还可以上传行程的横幅图片。
您将为该应用程序添加多项新功能,例如,用户可借助功能添加行程活动、设置活动类别和日期,并上传活动文件和活动图片。您将利用一个 Amplify 函数来创建用户的个人资料数据,允许用户使用应用程序更新个人资料、更改姓名和设置所在城市。
您将在第一个模块中使用终端从 GitHub 克隆应用程序。然后,您将更新应用程序,引入展示过往行程、添加行程活动、编辑用户个人资料等新功能。
要完成的目标
本操作指南将引导您逐步创建一个帮助用户规划行程的应用程序。您将:
- 从 GitHub 克隆我们按照之前的操作指南构建的应用程序
- 使用 Amplify CLI 为该应用程序创建 Amplify 后端
- 更新应用程序以展示过往行程
- 创建用于行程活动的数据模型和用户个人资料,并使用 GraphQL API 将其同步到 Amplify 后端
模块
本操作指南分为以下几个模块。您必须完成每个模块,上一个模块完成后才能移至下一个模块。
- 克隆 Flutter 应用程序(30 分钟):从 Github 克隆 Flutter 应用程序,升级其依赖项,并创建一个 Amplify 后端。
- 添加过往行程功能(40 分钟):实现功能逻辑和 UI 以展示过往行程,并为应用程序加入一个导航抽屉,使用户能够导航到本指南中介绍的不同页面。
- 添加活动功能(45 分钟):使用 Amplify GraphQL API 添加并展示一次行程中的活动。
- 添加个人资料功能(45 分钟):使用一个 Amplify 函数为用户创建个人资料,并在应用程序中实现创建、更新和展示个人资料的逻辑和 UI。