DNET_Flutter5thStep

Flutterの5thステップ

• 戻る
  • Flutterのファースト・ステップ
  • Flutterのセカンド・ステップ
  • Flutterのサード・ステップ
  • Flutterの4thステップ
  • Flutterの5thステップ（本ページ）
  • ...Flutterのファースト・ステップ２

概要

Flutter の step by step（其の五）。

手順１：CIBAのADを実装してみる。

• CIBAのAD（CIBA(Client Initiated Backchannel Authentication)の該当節を参照）

組み換える。

Top画面

MyPage + AppAuth画面を組み合わせTop画面を生成。

• AppAuthで認証した後、
• /userinfoで認証を確認し、
• SetDeviceTokenでFCMトークンを登録し、
• 成功の確認後、初期化フラグを完了させ、
• アクセス・トークンを永続化して、
• 次画面のHome画面に遷移する。

Home画面

• FcmPageを簡略化したもの。
• プッシュ通知の受信を表示する。

Message画面

• MessageViewの表示を簡略化し、

• プッシュ通知の内容を表示し、
  プッシュ通知に対する応答を行う。

• CIBAのADなら、Allow / Denyボタンを設置

• 2FAなら、コード表示＋ブラウザ起動ボタンを設置

永続化

パッケージ

shared_preferences（Flutterのファースト・ステップの該当節を参照）

対象

アクセス・トークンを永続化する。

画面遷移

認証前の制限

Drawerで初期化フラグをチェックしてHome画面へ遷移するように修正。

認証後の簡略化

認証後はTop画面での認証をスキップしHome画面に遷移。

手順２：CodemagicでiOSにデプロイする。

結局やれず仕舞い

概要（手順２）

未記載（元 Wiki も見出しのみ）。

手順

未記載（元 Wiki も見出しのみ）。

参考（手順２）

Qiita（手順２）

• 【Mac不要】 - Codemagic編

  • 開発中のFlutter製アプリをiOSとAndroidに実機配備する手順
    https://qiita.com/kami_teru/items/c7ed113d0ecdf7e48ff0

  • FlutterアプリにFirebase SDKを組み込んでiOSとAndroidに実機配備する手順
    https://qiita.com/kami_teru/items/d3b72f5c0aa97e6c1c08

  • FlutterアプリにFirebase Crashlyticsを組み込んでiOSとAndroidに実機配備する手順
    https://qiita.com/kami_teru/items/67e26b661167863f0b9b

  • iOSとAndroidのFlutterアプリから利用者のGoogle Photosにアクセスする手順

    • (前編) : https://qiita.com/kami_teru/items/8b72cbb2f4adfa10309a
    • (後編) : https://qiita.com/kami_teru/items/0921979cdba67f214cc6

  • 開発中のFlutter製アプリを仲間のiOS端末に実機配備する手順 - &TestFlight編
    https://qiita.com/kami_teru/items/6d5c9b24f711f1270697

参考

• FrontendTemplates/UI/XPlat at develop · OpenTouryoProject/FrontendTemplates
  https://github.com/OpenTouryoProject/FrontendTemplates/tree/develop/UI/XPlat/
  • https://github.com/OpenTouryoProject/FrontendTemplates/tree/develop/UI/XPlat/old/flutter_template

Flutterの参考

• Flutterの参考（Flutterの該当節を参照）

...Flutterのファースト・ステップ２

• Flutterのファースト・ステップ２

移行メモ

• 元 Wiki では見出しそのものが他ページへのリンクになっていた箇所 （「手順１：CIBAのADを実装してみる。」「Flutterの参考」 「...Flutterのファースト・ステップ２」）は、GitHub Wiki では 見出しからアンカが生成されるため、見出しをプレーン・テキストとし、 リンクは直下の本文に置いた。
• 同名の見出し（「概要」「参考」「Qiita」）が衝突するため、 括弧で文脈を補って一意にした。
• PukiWiki の打ち消し線（%%…%%）は、~~…~~ だと行末の ~ が PukiWiki の改行記法と紛らわしいため <del>…</del> に置き換えた。
• PukiWiki のページ内アンカ（#xxxxxxxx）は GitHub Wiki では再現できないため、 同一ページ内のアンカは見出しから生成されるアンカに張り替え、 他ページのアンカを指すリンクは「〜（ページ名 の該当節を参照）」の形に置き換えた。
• マイクロソフト系技術情報 Wiki（techinfoofmicrosofttech.osscons.jp）への URL リンクは、移行済みの CIBA(Client Initiated Backchannel Authentication) に張り替えた。
• 本文の無い見出しは、その旨を明示した。

---

Tags: 移行, Flutter, CIBA, AppAuth, FCM, プッシュ通知, 永続化, Codemagic, iOS