我正在尝试通过本文档使用 React Native 和 Firebase 实现推送通知。
我通过教程设置了我需要的设置。
import React, { Component } from 'react'
import { View } from 'react-native'
import { Input, Text, Button } from '../Components'
import type { RemoteMessage } from 'react-native-firebase'
import firebase from 'react-native-firebase'
import type { Notification, NotificationOpen } from 'react-native-firebase';
export default class TestComponent extends Component {
async componentDidMount() {
await this.SetUpAuth();
await this.SetUpMessaging();
this.notificationOpenedListener = firebase.notifications().onNotificationOpened((notificationOpen: NotificationOpen) => {
// Get the action triggered by the notification being opened
const action = notificationOpen.action;
// Get information about the notification that was opened
const notification: Notification = notificationOpen.notification;
});
const notificationOpen: NotificationOpen = await firebase.notifications().getInitialNotification();
if (notificationOpen) {
console.log(notificationOpen)
// App was opened by a notification
// Get the action triggered by the notification being opened
const action = notificationOpen.action;
// Get information about the notification that was opened
const notification: Notification = notificationOpen.notification;
}
}
componentWillUnmount() {
}
async SetUpAuth() {
const credential = await firebase.auth().signInAnonymouslyAndRetrieveData();
if (credential) {
console.log('default app user ->', credential.user.toJSON());
} else {
console.error('no credential');
}
}
async SetUpMessaging() {
this.notification2 = new firebase.notifications.Notification()
.setNotificationId('notificationId')
.setTitle('My notification title')
.setBody('My notification body')
.android.setChannelId('test')
.android.setClickAction('action')
.setData({
key1: 'value1',
key2: 'value2',
});
this.notification2
.android.setChannelId('channelId')
.android.setSmallIcon('ic_launcher');
console.log('assa')
onTokenRefreshListener = firebase.messaging().onTokenRefresh(fcmToken => {
console.log('token generated ->', fcmToken);
// store.dispatch(DeviceActions.SetFCMToken(fcmToken));
});
const fcmToken = await firebase.messaging().getToken();
if (fcmToken) {
// user has a device token
console.log('has token ->', fcmToken);
console.log(firebase.auth().currentUser._user)
firebase.database().ref(`/users/${firebase.auth().currentUser._user.uid}`).set({ pushToken: fcmToken })
// store.dispatch(DeviceActions.SetFCMToken(fcmToken));
} else {
// user doesn't have a device token yet
console.error('no messaging token');
}
const messagingEnabled = await firebase.messaging().hasPermission();
if (messagingEnabled) {
// user has permissions
console.log('User has FCM permissions');
} else {
// user doesn't have permission
console.log('User does not have FCM permissions');
await this.RequestMessagePermissions();
}
messageListener = firebase.messaging().onMessage((message: RemoteMessage) => {
console.log(`Recieved message - ${JSON.stringify(message)}`);
});
notificationDisplayedListener = firebase
.notifications()
.onNotificationDisplayed(notification => {
// Process your notification as required
// ANDROID: Remote notifications do not contain the channel ID. You will have to specify this manually if you'd like to re-display the notification.
console.log(`Recieved notification 1`);
});
notificationListener = firebase
.notifications()
.onNotification(notification => {
console.log(notification)
firebase.notifications().displayNotification(this.notification2)
// Process your notification as required
console.log(`Recieved notification 2`);
});
}
async RequestMessagePermissions() {
console.log('request')
console.log('Requesting FCM permission');
await firebase
.messaging()
.requestPermission()
.catch(err => console.err(err));
}
render() {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
</View>
)
}
当我尝试在邮递员中使用它时，我得到了成功：
{
"success": {
"results": [
{
"messageId": "0:1525013439417985%a0cec506a0cec506"
}
],
"canonicalRegistrationTokenCount": 0,
"failureCount": 0,
"successCount": 1,
"multicastId": 6840884736220792000
}
}
但是在我的调试器(通过控制台.log(中，我没有看到任何新的传入消息或其他内容。我用添加到这篇文章中的令牌向我的设备发送了一条消息，但没有任何反应。
它仅在应用程序处于前台时有效，但我想让它在后台应用程序/关闭应用程序时也能工作
如文档中所述onNotificationOpened当应用程序处于后台时，您需要侦听器才能android
安卓背景：如果点击通知，
onNotificationOpened触发。
onNotificationDisplayed适用于后台和triggered if content_available set to true的IOS应用程序
notificationBackgroundListener = firebase
.notifications()
.onNotificationOpened(notification => {
// Process your notification as required
console.log(`Recieved notification 2`);
});
如果您的通知在应用处于前台时工作正常，则问题出在您的服务上。它不起作用有两个可能的原因。
-
要么将有效负载发送为
{ time_to_live: 86400, collapse_key: "xxxxxx", delay_while_idle: false, registration_ids: registration_ids, notification: payload }而不是
{ time_to_live: 86400, collapse_key: "xxxxxx", delay_while_idle: false, registration_ids: registration_ids, data: payload }
这是因为仅当应用程序位于前台时，才会收到通知中的密钥。
- 另一个可能的原因可能是服务工作者由于某种原因被杀死。 例如：我正在使用一个加号，当我强制关闭应用程序时，它会自动终止服务。因此，您可以尝试通过添加日志或附加调试器来调试本机代码中的服务
还要确保在您的Android/App文件夹中添加Google-Service.json文件
编辑：
{
"registration_ids" : ["reg_id"],
"time_to_live": 86400,
"collapse_key": "test_type_b",
"delay_while_idle": false,
"notification": {},
"data": {
"subText":"sub title R",
"title":"Notification Heading R",
"message":"Short big text that will be shown when notification is expanded R",
"color":"red",
"actions": ["hello", "welcome"],
"vibrate": true,
"vibration": 1000,
"ticker": "My Notification Ticker",
"imageUrl": "https://cdn-images-1.medium.com/max/712/1*c3cQvYJrVezv_Az0CoDcbA.jpeg" ,
"bigText": "blalMy big text that will be shown when notification is expanded"
}
}
这是我的标题
Authorization: key=mykey:myKey
Content-Type: application/json
请求：
https://fcm.googleapis.com/fcm/send
哪个是帖子，参数是原始类型
你可以使用无头JS在后台运行任务，你应该写一些原生代码来处理任务，可惜只在安卓中可用
https://facebook.github.io/react-native/docs/headless-js-android.html
第二种方法(我不测试它(是使用此库
https://github.com/jamesisaac/react-native-background-task#installation
PS：Firebase和其他推送通知服务(如OneSignal(可以轻松处理推送通知，除非您希望每个用户获得唯一的通知，否则您不必担心