Flutterのサード・ステップのバックアップ(No.5) - .NET 開発基盤部会 Wiki

[ トップ ] [ 新規 | 一覧 | 単語検索 | 最終更新 | ヘルプ ]

「.NET 開発基盤部会 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

戻る
- Flutterのファースト・ステップ
- Flutterのセカンド・ステップ
- Flutterのサード・ステップ

目次 †

概要 †

Flutter の step by step（其の三）。

手順１：プッシュ通知 †

CIBAのAD実装の準備

mBaaS選定 †

色々なプラグインがあるが、
使うとmBaaSにロックインされる。

FCMは実質デファクトなので
ロックインの影響も少ない。

以下は、FCMでの設定手順。

設定手順 †

準備（iOSのみ） †

APNs入手
APNs認証キー、またはAPNs証明書の入手

FCM関連の設定 †

Firebaseにログイン
プロジェクトの作成
FCMへアプリを登録
ファイルのダウンロード
ビルド・プロセスへの組込
プッシュ通知のコード実装

Firebaseにログイン †

プロジェクトの作成 †

FCMへアプリを登録 †

ファイルのダウンロード †

ビルド・プロセスへの組込 †

Android、iOS、其々のプラットフォームに向けて、

前述のダウンロード・ファイルをビルド・プロセスへ組み込む。
メイク・ファイル的なものを一部、手修正する。

プッシュ通知のコード実装 †

パッケージ追加 †

firebase_messagingパッケージを追加する必要がある。

firebase_messaging | Flutter Package
https://pub.dev/packages/firebase_messaging/install
```
import 'package:firebase_messaging/firebase_messaging.dart';
```

登録 †

デバイスIDを取得し、

サーバに送信して登録

サーバから送信 †

受信 †

プッシュ通知の受信。

参考 †

Qiita †

【Flutter】FCMで初めてのプッシュ通知 2020年12月版
https://qiita.com/yana1316/items/9bd3806efc9cbdddcba9
FlutterでFCMを使ってプッシュ通知を受け取る
https://qiita.com/0maru/items/2b438a4c4fc87b7e10f9
FulutterでGoogleService?-Info.plist(google-services.json)を切り替える
https://qiita.com/yana1316/items/314fbe3eb8d4a95ea78c

FlutterFire? †

Firebase Cloud Messaging
https://firebase.flutter.dev/docs/messaging/overview/

FCM via APNs Integration
https://firebase.flutter.dev/docs/messaging/apple-integration/

その他 †

FlutterでFCMを使ったプッシュ通知の実装方法 (Android) - たけログ
https://takelg.com/flutter_push_notification_android/

Flutter初心者がFCMを使ってプッシュ通知を受け取る | ZUMA Lab
- 〜設定編〜(2021/3/22版)
  https://zuma-lab.com/posts/flutter-fcm-push-notify-settings
- 〜アプリ実装編〜(2021/3/22版)
  https://zuma-lab.com/posts/flutter-fcm-push-notify-development

FirebaseCloudMessaging?(FCM)を使って、
Flutterでプッシュ通知を実装するまとめ｜うぇるち｜note
https://note.com/welchi/n/n649728c5574d
FlutterでFCMを使ったプッシュ通知を実装してみた | DevelopersIO
https://dev.classmethod.jp/articles/flutter_fcm_push1/
【Flutter】FCMでプッシュ通知を送る際のOS毎の注意点
https://zenn.dev/shunyaendoh1215/articles/1d66e2612d23254ce2d1

手順２：業務ぃーな、CRUDを実装してみる。 †

参考 †