开始使用 AWS

构建 Flutter 应用程序

使用 AWS Amplify 创建简单的 Flutter 应用程序

简介:构建 Flutter 应用程序

按照分步说明构建您的首个 Flutter 应用程序。

概览

在本教程中,您将使用 AWS Amplify 创建一个跨平台 Photo Gallery 应用程序,作为与您的 Flutter 应用程序交互的无服务器后端。通过本教程中的各模块,您将实现一个用户界面,用户通过此用户界面可以拍照,创建登录流程,向私有 Amazon S3 存储桶上传/从其下载图像,以及添加各种能够通过 Amazon Pinpoint 监控的分析事件。

您将学到的内容

本教程将引导您完成创建上面讨论的简单 Flutter 应用程序所需的步骤。您将学到以下内容:

  • 使用 AWS Amplify CLI 管理无服务器云后端
  • 使用 Amazon Cognito 对用户进行身份验证
  • 将文件上传到 Amazon S3/从其下载文件
  • 将分析事件记录到 Amazon Pinpoint

本教程不要求具备 AWS 或其任何服务的任何先前知识。但是,在使用 Flutter 和 Dart 时,还会涉及更多一些中间概念。为获得最佳体验,请务必熟悉以下概念:异步、高阶函数映射、Navigator 2.0 和 StreamBuilder;您可以在此处了解关于这些主题的更多信息。

 经验

AWS:初级

Flutter:初级 – 中级

Dart:初级 – 中级

 完成时间

70 分钟

 所需费用

免费套餐资格

 教程先决条件

  • Flutter 版本 1.20.0 或更高版本
  • 一个与 Flutter 兼容的编辑器*
  • 通过运行 npm install -g @aws-amplify/cli@flutter-preview 安装 Amplify CLI 的 Amplify-Flutter 开发人员预览版本
  • 一个至少具有以下权限AWS 账户**(管理员角色,根账户也可以,但是我们建议最低权限方法)。
  • Android 或 iOS 设备,以便您可以拍照
 
[*] 本教程假设使用 Visual Studio 代码,但使用其他编辑器也可以。
[**] 过去 24 小时内创建的账户可能尚不具有访问此教程所需服务的权限。

模块

本教程分为五个模块,每个模块重点介绍一个特定主题。每个模块都继续在之前模块的基础上进行构建,因此,建议按照列出的顺序完成每个模块。

  1. 创建 Flutter 应用程序(30 分钟):使用所有实现的用户界面组件创建一个 Flutter 应用程序。
  2. 初始化 Amplify(10 分钟):使用 AWS Amplify CLI 初始化本地 Amplify 应用程序。
  3. 添加身份验证(10 分钟):实现您的应用程序的用户身份验证。
  4. 添加存储(10 分钟):实现将图像上传至 Amazon S3 并从其下载图像。
  5. 添加分析(10 分钟):在整个应用程序中实现登录多个区域的事件。

最后一步是清理,虽然是一个可选操作,但是如果您打算将项目公开为安全措施,建议您执行此步骤。

创建 Flutter 应用程序