Flutter 推送通知仅在应用程序处于后台时有效

Question

我的问题是关于使用 Flutter 和 firebase_messaging 插件的推送通知

问题：

我已将 firebase_messaging 插件集成到我的 flutter 应用程序中以进行推送通知。当我收到推送通知时，我可以保证据我所知设置是正确的。仅当我的应用程序在后台运行时才收到推送时会出现问题（例如最小化但在系统内存中可用）。 当应用程序处于前台或被杀死时， 未收到推送。

为了提供我尝试过的解决方案，我无法弄清楚实际需要完成什么。

我已经按照这方面的教程进行操作，并应用了每一个步骤来解决问题，但无济于事。

我正在使用 nodeJS 处理 firebase-admin 和 serviceaccountkey 文件，因为我需要 device_tokens 来自我的数据库。

NodeJS

 const firebase = require('firebase-admin');
 const serviceAccount = require('../controller/firebase/serviceAccountKey.json');
 firebase.initializeApp({
  credential: firebase.credential.cert(serviceAccount)
 });

 //Function to actually implement the push
 const pushNotificationInitiatorSubscription = (resultValue) => {
 let devicesTokenString = resultValue[0]['device_token'];
 const firebaseToken = devicesTokenString;
 const payLoad = {
   notification: {
   title: 'New Subscription',
   body: 'You have a new subscription to your material ' + resultValue[0]['course_name']
 }
};
const option = {
 priority: 'high'
};

firebase.messaging().sendToDevice(firebaseToken, payLoad, option).then(success => {
  // console.log(success.results[0]['error']);
  // console.log(success.results[1]['error']);
  // console.log(success);
}).catch(err => {
 console.log(err);
})

颤动

import 'package:firebase_messaging/firebase_messaging.dart';

class FirebaseCloudMessage {
 static FirebaseCloudMessage _instance = new FirebaseCloudMessage.internal();
 FirebaseCloudMessage.internal();
 factory FirebaseCloudMessage() => _instance;

 final FirebaseMessaging _firebaseMessaging = new FirebaseMessaging();

 configureFirebaseListeners() {
  print('Here');
  _firebaseMessaging.configure(
    onMessage: (Map<String, dynamic> message) async {
  print("Message $message");
  // return message;
}, onLaunch: (Map<String, dynamic> message) async {
  print("Message $message");
  // return message;
}, onResume: (Map<String, dynamic> message) async {
  print("Message $message");
  // return message;
});
}
}

帮助将不胜感激。谢谢

Answer 1

这是当前从 firebase 通知服务收到的通知的默认行为。如果你想在你的应用程序在前台时显示通知，你必须手动编写代码。

这是一个使用 flutter_local_notifications 包在 flutter 中显示通知的演示。

注意：这是使用 flutter_local_notification package. There's a lot you can configure. For a detailed explanation, visit homepage of this package or read this really good medium article

在 flutter 中显示通知的一个非常基本的示例

第 1 步：在 pubspec.yaml

中安装 flutter_local_notifications 软件包

第二步：在initState()中启动FlutterLocalNotifications:

@override
  void initState() {
    super.initState();

    var initializationSettingsAndroid =
        new AndroidInitializationSettings('@mipmap/ic_launcher');
    var initializationSettingsIOS = new IOSInitializationSettings();
    var initializationSettings = new InitializationSettings(
        initializationSettingsAndroid, initializationSettingsIOS);

    flutterLocalNotificationsPlugin = new FlutterLocalNotificationsPlugin();
    flutterLocalNotificationsPlugin.initialize(initializationSettings,
        onSelectNotification: onSelectNotification);
  }

第 3 步：创建一个函数来处理通知上的点击事件。当用户点击通知时将调用此函数。

Future<dynamic> onSelectNotification(String payload) async {
    /*Do whatever you want to do on notification click. In this case, I'll show an alert dialog*/
    showDialog(
      context: context,
      builder: (_) => AlertDialog(
        title: Text(payload),
        content: Text("Payload: $payload"),
      ),
    );
  }

第 4 步：编写一个显示通知的函数：

Future<void> _showNotification(
    int notificationId,
    String notificationTitle,
    String notificationContent,
    String payload, {
    String channelId = '1234',
    String channelTitle = 'Android Channel',
    String channelDescription = 'Default Android Channel for notifications',
    Priority notificationPriority = Priority.High,
    Importance notificationImportance = Importance.Max,
  }) async {
    var androidPlatformChannelSpecifics = new AndroidNotificationDetails(
      channelId,
      channelTitle,
      channelDescription,
      playSound: false,
      importance: notificationImportance,
      priority: notificationPriority,
    );
    var iOSPlatformChannelSpecifics =
        new IOSNotificationDetails(presentSound: false);
    var platformChannelSpecifics = new NotificationDetails(
        androidPlatformChannelSpecifics, iOSPlatformChannelSpecifics);
    await flutterLocalNotificationsPlugin.show(
      notificationId,
      notificationTitle,
      notificationContent,
      platformChannelSpecifics,
      payload: payload,
    );
  }

第 5 步：调用 _showNotification() 函数：

_firebaseMessaging.configure(
    onMessage: (Map<String, dynamic> message) async {
        //print("Message $message");
        _showNotification(1234, "GET title FROM message OBJECT", "GET description FROM message OBJECT", "GET PAYLOAD FROM message OBJECT");
        return;
    }
}

在此之后，即使您的应用程序位于前台，您也可以显示通知。希望这会有用。

Flutter 推送通知仅在应用程序处于后台时有效

Flutter push notification is working only when app is in background

push-notification

node.js

flutter

firebase-cloud-messaging