Parte 4 – Configurar Proyecto Flutter para escuchar las notificaciones

Este post es parte del tutorial Flutter agregar push notificaciones para IOS y Android

En main importar el paquete

import 'package:firebase_messaging/firebase_messaging.dart';

En _MyHomePageState , agregar una variable de firebase messaging y configurar sus listener.

...
class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;
  final FirebaseMessaging _firebaseMessaging = FirebaseMessaging();
  
  @override
  void initState() {
    super.initState();
    _firebaseMessaging.configure(
      onMessage: (Map<String, dynamic> message) async {
        print("onMessage: $message");
      },
      onLaunch: (Map<String, dynamic> message) async {
        print("onLaunch: $message");
      },
      onResume: (Map<String, dynamic> message) async {
        print("onResume: $message");
      },
    );
    _firebaseMessaging.requestNotificationPermissions(
        const IosNotificationSettings(
            sound: true, badge: true, alert: true, provisional: true));
    _firebaseMessaging.onIosSettingsRegistered
        .listen((IosNotificationSettings settings) {
      print("Settings registered: $settings");
    });
    _firebaseMessaging.getToken().then((String token) {
      assert(token != null);
      print("Token: $token");
    });
  }
...

Lanzar el emulador IOS, en caso no sepa como hacerlo, en los siguientes link se describe como:

.

.

Corriendo debera notar que imprime un token

Con el token podemos dirigir la notificación para este dispositivo, esto es opcional ya que sino lo especificamos enviara a todos, pero lo haremos así para poder probar mas rápido porque las notificaciones pueden demorar hasta 1 semana según la documentación.

Vamos a firebase > Cloud Messaging > send your first message

Luego llenamos el formulario y click en “Enviar mensaje de prueba”

Pegamos el token en la ventana luego click en boton “+” y click en “probar”

Revisando el output en visual studio code, se vera la notificación

flutter: onMessage: {from: 1064278709680, collapse_key: com.example.demoNotifications, notification: {body: Contenido de prueba, title: Prueba, e: 1, tag: campaign_collapse_key_5758946879053100963}}