【Flutter】とにかくFCMを実装したい人

備忘録です。

FCMとは
実装方法
通知が来ない時に見直すこと
pushは来ているけど開いた時の処理がうまくいかない人

FCMとは

Firebase Cloud Messaging (FCM) は、サーバーからデバイスにプッシュ通知を送信できる無料のクロスプラットフォームサービスです。FCM を使用すると、Android、iOS、Web アプリにメッセージを送信できます。FCM は、メッセージを確実かつバッテリー効率的に配信できます。

実装方法

firebaseプロジェクトの作成

Firebase コンソールにアクセスします。
[新規プロジェクトを作成] をクリックします。
プロジェクトの名前と地域を選択します。
[作成] をクリックします。
プロジェクトが作成されたら、[開始] をクリックします。
アプリの詳細を入力します。
[登録] をクリックします。

firebase_coreとfirebase_messagingの追加

firebase_core | Flutter package

Flutter plugin for Firebase Core, enabling connecting to multiple Firebase apps.

firebase_messaging install | Flutter package

Flutter plugin for Firebase Cloud Messaging, a cross-platform messaging solution that lets you relia...

flutterプロジェクトとfirebaseの紐付け

Flutter アプリに Firebase を追加する

初期化・呼び出し方法

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  // firebase_optionsの設定オプションを渡す
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );
  runApp(
    const MyApp(),
  );
}

通知取得方法

Future<void> generateNoticeSetting() async {
  final messaging = FirebaseMessaging.instance;
  final settings = await messaging.requestPermission();
  debugPrint('⭐ User granted permission: ${settings.authorizationStatus}');

  try {
    final token = await messaging.getToken();
    debugPrint('? FCM TOKEN: $token');
  } on Exception catch (e) {
    debugPrint('デバイストークンの取得エラー: $e');
  }

  FirebaseMessaging.onMessage.listen((RemoteMessage message) {
    debugPrint('Got a message in the foreground!');

    if (message.notification != null) {
      debugPrint('ForegroundMessage Title: ${message.notification?.title}');
      debugPrint('ForegroundMessage Body: ${message.notification?.body}');
    }
  });
  FirebaseMessaging.onMessageOpenedApp.listen((RemoteMessage message) {
    // 通知をタップしてアプリを開いた場合、ここで通知を処理する
    if (message.notification != null) {
      debugPrint('ForegroundMessage Title: ${message.notification?.title}');
      debugPrint('ForegroundMessage Body: ${message.notification?.body}');
    }
  });

  await FirebaseMessaging.instance.getInitialMessage().then((message) {
    if (message != null) {
      debugPrint('ForegroundMessage Title: ${message.notification?.title}');
      debugPrint('ForegroundMessage Body: ${message.notification?.body}');
    }
  });
}