AWS の開始方法

Flutter アプリケーションを構築する

AWS Amplify を使用してシンプルな Flutter アプリケーションを作成する

はじめに: Flutter アプリケーションを構築する

ステップバイステップの指示に従って、最初の Flutter アプリケーションを構築します。

概要

このチュートリアルでは、Flutter アプリケーションとインターフェイス接続するサーバーレスバックエンドとして AWS Amplify を使用して、クロスプラットフォーム型のフォトギャラリーアプリケーションを作成します。このチュートリアルのモジュールをすべて完了すると、ユーザーが写真を撮影してから、サインインフローを作成し、プライベート Amazon S3 バケットとのあいだで画像をアップロード、ダウンロードし、Amazon Pinpoint でモニタリング可能なさまざまな分析イベントを追加する UI を実装できるようになります。

学習内容

このチュートリアルでは、上記のシンプルな Flutter アプリケーションを作成するステップが説明されます。学習内容:

  • AWS Amplify CLI を使用して、サーバーレスクラウドバックエンドを管理する
  • Amazon Cognito を使用して、ユーザーを認証する
  • Amazon S3 間でファイルをアップロード、ダウンロードする
  • Amazon Pinpoint に分析イベントを記録する

このチュートリアルには、前提となる AWS に関する知識や理解しておくべきサービスはありません。ただし、Flutter および Dart で作業する際にカバーされるコンセプトには中級者向け以上のものが含まれます。チュートリアルの効果を最大化するために、非同期、高階関数マップ、Navigator 2.0、StreamBuilder などのコンセプトを予習するようにしてください。詳細は、こちらを参照してください。

 AWS 使用経験

AWS: 初心者

Flutter: 初心者~中級者

Dart: 初心者~中級者

 所要時間

70 分

 完了までのコスト

無料利用枠の対象

 チュートリアルの前提条件

  • Flutter バージョン 1.20.0 以降
  • Flutter と互換性のあるエディタ*
  • npm install -g @aws-amplify/cli@flutter-preview を実行して、Amplify CLI の Amplify-Flutter Developer Preview バージョンをインストールする
  • AWS アカウント** で、少なくとも管理者ロールまたはルートアカウントのアクセス許可を持っていること (ただし、最小権限の原則を推奨)。
  • Android または iOS デバイス (写真撮影用)
 
[*] このチュートリアルでは Visual Studio Code を使用しますが、ほかのエディタでも問題ありません。
[**] 過去 24 時間以内に作成されたアカウントは、このチュートリアルに必要なサービスへのアクセス権限がまだ付与されていない可能性があります。

モジュール

このチュートリアルは、それぞれ 1 つのトピックにフォーカスした 5 つのモジュールからなります。各モジュールは直前のモジュールをビルドオフしたうえで開始されるため、順序どおりに進むことをお勧めします。

  1. Flutter アプリケーションを作成する (30 分): UI コンポーネントをすべて運用して、Flutter アプリケーションを作成します。
  2. Amplify アプリを初期化する (10 分): AWS Amplify CLI を使用してローカル Amplify アプリケーションを初期化します。
  3. 認証を追加する (10 分): ユーザー認証をアプリケーションに運用します。
  4. ストレージを追加する (10 分): Amazon S3 とのあいだで画像をアップロード、ダウンロードします。
  5. 分析を追加する (10 分): アプリケーション全体の複数の領域でイベントのログ記録を運用します。

最後のステップとしてクリーンアップの参加は任意ですが、プロジェクトをセキュリティ対策として公開する意思をお持ちであれば参加をお勧めします。

Flutter アプリケーションを作成する