AWS 入門

建置 Flutter 應用程式

使用 AWS Amplify 建立簡單的 Flutter 應用程式

簡介:建置 Flutter 應用程序

遵循逐步指導,建立您的第一個 Flutter 應用程式。

概觀

在本教學中,您將使用 AWS Amplify 作為與 Flutter 應用程式互動的無伺服器後端,來建立跨平台的 Photo Gallery 應用程式。在本教學各單元的學習中,您將實作 UI,該 UI 允許使用者拍照,建立登入流程,在 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 相容的編輯器*
  • 運行以下命令安裝 Amplify CLI 的Amplify-Flutter 開發人員預覽版:npm install -g @aws-amplify/cli@flutter-preview
  • 至少具有這些許可AWS 帳戶* (管理員角色或根帳戶也可以使用,但我們建議採用最低權限方法)。
  • Android 或 iOS 裝置,以便可以拍照
 
[*]本教學假設使用 Visual Studio Code,但可以使用其他編輯器。
[**]過去 24 小時內建立的帳戶可能尚未有權存取本教學課程所需的服務。

單元

本教學分為五個單元,每個單元涉及一個特定主題。每個單元將繼續以上一單元為基礎,因此建議您按照所列順序完成每個單元。

  1. 建立 Flutter 應用程式 (30 分鐘):建立已實作所有 UI 元件的 Flutter 應用程式。
  2. 初始化 Amplify (10 分鐘):使用 AWS Amplify CLI 初始化本機 Amplify 應用程式。
  3. 新增身份驗證 (10 分鐘):對您的應用程式實作使用者身份驗證。
  4. 新增儲存體 (10 分鐘):實作在 Amazon S3 上傳和下載影像。
  5. 新增分析 (10 分鐘):在整個應用程式的多個區域實作事件日誌記錄。

最後一步,清除為可選,但如果您打算公開您的專案作為安全措施,則建議您這樣做。

建立 Flutter 應用程式