AWS 入門

建置 Flutter 應用程式

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

intro-active
簡介
module-one
建立 Flutter 應用程式
module-two
初始化 Amplify
module-three
新增身份驗證
module-four
新增儲存體
module-five
新增分析

簡介：建置 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 應用程式