推送通知未在 Android 前台显示
Posted
技术标签:
【中文标题】推送通知未在 Android 前台显示【英文标题】：Push notification not showing in Android foreground 【发布时间】：2019-06-24 12:55:15 【问题描述】：我在 android 和 iPhone 中使用react-native-fcm 进行远程通知。
react-native-fcm
在 Android 前台，我无法在通知栏中获得远程通知。
在后台模式下，我能够成功收到通知，但在前台却没有。
Android Manifest.xml
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.nusape">
<application>
<receiver android:name="com.evollu.react.fcm.FIRLocalMessagingPublisher"/>
<receiver android:enabled="true" android:exported="true" android:name="com.evollu.react.fcm.FIRSystemBootEventReceiver">
<intent-filter>
<action android:name="android.intent.action.BOOT_COMPLETED"/>
<action android:name="android.intent.action.QUICKBOOT_POWERON"/>
<action android:name="com.htc.intent.action.QUICKBOOT_POWERON"/>
<category android:name="android.intent.category.DEFAULT" />
</intent-filter>
</receiver>
<meta-data android:name="com.google.firebase.messaging.default_notification_icon" android:resource="@mipmap/ic_launcher"/>
<meta-data android:name="com.google.firebase.messaging.default_notification_channel_id" android:value="my_default_channel"/>
<service android:name="com.evollu.react.fcm.MessagingService" android:enabled="true" android:exported="true">
<intent-filter>
<action android:name="com.google.firebase.MESSAGING_EVENT"/>
</intent-filter>
</service>
<service android:name="com.evollu.react.fcm.InstanceIdService" android:exported="false">
<intent-filter>
<action android:name="com.google.firebase.INSTANCE_ID_EVENT"/>
</intent-filter>
</service>
<activity android:launchMode="singleTop" android:configChanges="keyboard|keyboardHidden|orientation|screenSize" android:windowSoftInputMode="adjustResize">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
<intent-filter>
<action android:name="fcm.ACTION.HELLO" />
<category android:name="android.intent.category.DEFAULT" />
</intent-filter>
</activity>
<activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
</application>
</manifest>
App.js
async componentDidMount()
// create NotificationChannel for future use!
FCM.createNotificationChannel(
id: 'my_default_channel',
name: 'Default',
description: 'used for example',
priority: 'high'
);
// initially user get InitialNotification frim the app if any pending
FCM.getInitialNotification().then(notif =>
console.log("getInitialNotification Notification : => ", notif);
// if notif.targetScreen is details screen then it will redirect to details screen directly!
if (notif && notif.targetScreen === "detail")
setTimeout(() =>
this.props.navigation.navigate("Detail");
, 500);
);
// added notification listener for getting any notification called below function then
this.notificationListener = FCM.on(FCMEvent.Notification, async (notif) =>
console.log("FCMEvent.Notification Notification : => ", notif);
if (Platform.OS === 'ios' && notif._notificationType === NotificationType.WillPresent && !notif.local_notification)
notif.finish(WillPresentNotificationResult.All);
return;
// if user tap to notification bar then open app then below condition will follow up and redirect to details screen!
if (notif.opened_from_tray)
if (notif.targetScreen === 'detail')
setTimeout(() =>
navigation.navigate('Detail')
, 500)
setTimeout(() =>
alert(`User tapped notification\n$JSON.stringify(notif)`)
, 500)
// check whether app is in background or foreground for generate notification
if (AppState.currentState !== 'background')
this.showLocalNotification(notif);
);
// getting user permission for sending notification or not ?
try
let result = await FCM.requestPermissions(
badge: true,
sound: true,
alert: true
);
console.log("Notification requestPermissions : => ", result)
catch (e)
console.error(e);
// Generating token for particular user wise send notification
FCM.getFCMToken().then(token =>
FCM.subscribeToTopic("channelToTopic");
console.log("Notification token : => ", token);
this.setState( token: token || "" );
);
// Get APNSTOKEN for only ios
if (Platform.OS === "ios")
FCM.getAPNSToken().then(token =>
console.log("APNS TOKEN (getFCMToken)", token);
);
// show notification when app is in foreground and getting any new notification
showLocalNotification = (notif) =>
FCM.presentLocalNotification(
channel: 'my_default_channel',
id: new Date().valueOf().toString(),
title: notif.fcm.title,
body: notif.fcm.body,
priority: "high",
badge: 1,
number: 1,
ticker: "My Notification Ticker",
auto_cancel: true,
big_text: "Show when notification is expanded",
sub_text: "This is a subText",
wake_screen: true,
group: "group",
icon: "ic_launcher",
ongoing: true,
my_custom_data: "my_custom_field_value",
lights: true,
show_in_foreground: true
);
;
我在过去 2 个月里一直在遭受这个问题的困扰，并且没有得到很好的解决方案，就像我做了很多新尝试来解决问题但最终没有成功一样。
【问题讨论】：
这里有人得到完美的解决方案吗？对于这个问题。而不是发送本地通知？ 【参考方案1】：根据官方 Github react-native-fcm, 该库已折旧。 您可以使用 react-native-firebase 用于生成通知。 我能够在大约 2 小时内为 android 获取通知。 如果你想要我可以分享的代码。 祝你好运。
更新 - 抱歉，由于我的办公室帐户，我无法早点回答。
这是我用于显示 android 前台通知的代码。
firebase.messaging()
.subscribeToTopic(this.state.user.user_name)
.then(response => console.log('response from FCM TOPIC' + response))
.catch(error => console.log('error from FCM TOPIC'+ error));
this.notificationListener = firebase.notifications().onNotification(notification =>
let notificationMessage = notification._android._notification._data.action;
let recordId = notification._android._notification._data.recordID;
let title, body = notification;
// console.log('ttttt', notification)
// notification.android.setAutoCancel(false)
console.log(title, body, notificationMessage, recordId);
const channelId = new firebase.notifications.Android.Channel(
'Default',
'Default',
firebase.notifications.Android.Importance.High
);
firebase.notifications().android.createChannel(channelId);
let notification_to_be_displayed = new firebase.notifications.Notification(
data: notification._android._notification._data,
sound: 'default',
show_in_foreground: true,
title: notification.title,
body: notification.body,
);
if (Platform.OS == 'android')
notification_to_be_displayed.android
.setPriority(firebase.notifications.Android.Priority.High)
.android.setChannelId('Default')
.android.setVibrate(1000);
console.log('FOREGROUND NOTIFICATION LISTENER: \n', notification_to_be_displayed);
firebase.notifications().displayNotification(notification_to_be_displayed);
);
【讨论】：
我有一个问题，我正在开发两个应用程序，首先是用户应用程序，其次是提供商，在用户应用程序中，我做了一些功能来发送订单并保存到实时数据库 firebase t 和在第二个应用程序中，我只是使用侦听器从数据库中检索数据，以便在不刷新应用程序的情况下实时获取新订单，所以当我从用户应用程序向 firebase 发送订单时，我想在其中显示通知第二个应用程序？如何处理这些 您是否使用 Firebase 作为您的后端数据库？如果是，那么您必须在您的第一个应用程序中创建一个函数，该函数将向 Firebase 发送触发器以在您的第二个应用程序中生成通知。如果您使用任何传统数据库（例如：laravel 等），那么您必须在数据库中创建一个函数，该函数将向第二个应用程序发送通知。 您可以在这里查看更多详细信息，***.com/questions/56140314/…【参考方案2】：根据here 列出的库问题，您可以尝试两件事：
只需在远程通知的data 属性中传递show_in_foreground
android 仅在应用程序状态被终止或后台时显示通知。要在应用前台显示通知，您需要显示local notification。
示例代码：
FCM.on(FCMEvent.Notification, notif =>
if (!notif.opened_from_tray)
showLocalNotification();
);
showLocalNotification()
FCM.presentLocalNotification(
id: new Date().valueOf().toString(), // (optional for instant notification)
title: "Test Notification with action", // as FCM payload
body: "Force touch to reply", // as FCM payload (required)
show_in_foreground: true // notification when app is in foreground (local & remote)
);
完整代码是here
【讨论】：
我有一个问题，我正在开发两个应用程序，首先是用户应用程序，其次是提供商，在用户应用程序中，我做了一些功能来发送订单并保存到实时数据库 firebase t 和在第二个应用程序中，我只是使用侦听器从数据库中检索数据，以便在不刷新应用程序的情况下实时获取新订单，所以当我从用户应用程序向 firebase 发送订单时，我想在其中显示通知第二个应用程序？如何处理这些 您需要查看上游通知以查看此内容【参考方案3】：您正在测试哪个 API 级别？ Android API 26 及更高版本需要创建通道才能在前台接收通知。请阅读this了解更多信息。
react-native-fcm 也更新为包含频道，请参阅this
尽管由于不再维护该库，因此不应再使用该库，但react-native-firebase 是一个不错的选择。
【讨论】：
以上是关于推送通知未在 Android 前台显示的主要内容，如果未能解决你的问题，请参考以下文章
当应用程序在前台 iOS 中时，未在通知托盘（顶部）中获取推送通知