javascript - 包的开发人员警告 * 无法在频道“fcm_fallback_notification_channel”上发布通知更多详细信息请参阅日志
问题描述
我在尝试在 React 本机中实现推送通知时收到此错误。
Developer Warning for package com.pn2
Failed to post notification on channel
"fcm_fallback_notification_channel"
See log for more details
我对此很陌生,我关注了这个视频http://youtube.com/watch?v=xSOr_u3Ev1s并设法按照 Told 实现了所有内容,但我收到了警告并且推送通知没有显示。
我的代码看起来像这样:
index.js
/**
* @format
*/
import {AppRegistry, Platform} from 'react-native';
import App from './App';
import {name as appName} from './app.json';
import PushNotification from 'react-native-push-notification';
PushNotification.configure({
// (optional) Called when Token is generated (iOS and Android)
onRegister: function (token) {
console.log("TOKEN:", token);
},
// (required) Called when a remote is received or opened, or local notification is opened
onNotification: function (notification) {
console.log("NOTIFICATION:", notification);
// process the notification
// (required) Called when a remote is received or opened, or local notification is opened
notification.finish(PushNotificationIOS.FetchResult.NoData);
},
// (optional) Called when Registered Action is pressed and invokeApp is false, if true onNotification will be called (Android)
onAction: function (notification) {
console.log("ACTION:", notification.action);
console.log("NOTIFICATION:", notification);
// process the action
},
// (optional) Called when the user fails to register for remote notifications. Typically occurs when APNS is having issues, or the device is a simulator. (iOS)
onRegistrationError: function(err) {
console.error(err.message, err);
},
// IOS ONLY (optional): default: all - Permissions to register.
permissions: {
alert: true,
badge: true,
sound: true,
},
popInitialNotification: true,
requestPermissions: Platform.OS ==="ios",
});
AppRegistry.registerComponent(appName, () => App);
应用程序.js
import React from 'react';
import {View, Text, StyleSheet , TouchableOpacity} from 'react-native';
import {showNotification} from './src/notification';
const App = () =>{
return(
<View style={styles.container}>
<Text>
Push Notification
</Text>
<TouchableOpacity onPress={() => showNotification('hello','test message')} style={styles.Regbutton}>
<Text style={styles.loginbtn2}> Show Notification! </Text>
</TouchableOpacity>
</View>
)
}
export default App;
const styles = StyleSheet.create({
container:{
flex: 1,
justifyContent : 'center',
alignItems: 'center'
},
Regbutton:{
marginTop:16,
width:300,
height:52,
padding:10,
borderRadius:10,
backgroundColor:'#ffffff',
alignItems: 'center',
borderWidth : 2,
borderColor: '#030303'
},
loginbtn2:{
color:'#030303',
fontSize : 20,
fontWeight : 'bold'
},
})
Notification.android.js
import PushNotification from 'react-native-push-notification';
const showNotification = (title, message) => {
PushNotification.localNotification({
title: title,
message : message
});
};
export {showNotification};
AndroidManifest.xml
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.pn2">
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED"/>
<application
android:name=".MainApplication"
android:label="@string/app_name"
android:icon="@mipmap/ic_launcher"
android:roundIcon="@mipmap/ic_launcher_round"
android:allowBackup="false"
android:theme="@style/AppTheme">
<meta-data android:name="com.dieam.reactnativepushnotification.notification_foreground"
android:value="false"/>
<!-- Change the resource name to your App's accent color - or any other color you want -->
<meta-data android:name="com.dieam.reactnativepushnotification.notification_color"
android:resource="@color/white"/> <!-- or @android:color/{name} to use a standard color -->
<receiver android:name="com.dieam.reactnativepushnotification.modules.RNPushNotificationActions" />
<receiver android:name="com.dieam.reactnativepushnotification.modules.RNPushNotificationPublisher" />
<receiver android:name="com.dieam.reactnativepushnotification.modules.RNPushNotificationBootEventReceiver">
<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"/>
</intent-filter>
</receiver>
<service
android:name="com.dieam.reactnativepushnotification.modules.RNPushNotificationListenerService"
android:exported="false" >
<intent-filter>
<action android:name="com.google.firebase.MESSAGING_EVENT" />
</intent-filter>
</service>
<activity
android:name=".MainActivity"
android:label="@string/app_name"
android:configChanges="keyboard|keyboardHidden|orientation|screenSize|uiMode"
android:launchMode="singleTask"
android:windowSoftInputMode="adjustResize">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
构建.gradle
ext {
googlePlayServicesVersion = "+" // default: "+"
firebaseMessagingVersion = "+" // default: "+"
buildToolsVersion = "29.0.3"
minSdkVersion = 21
compileSdkVersion = 29
targetSdkVersion = 25
ndkVersion = "20.1.5948944"
supportLibVersion = "23.1.1" // default: 23.1.1
有什么我做的不对吗?请协助。报错截图如下:
解决方案
正如Moustafa Shamma在图像中显示的那样,缺少的部分是 Channel。您需要创建一个频道才能显示在那里发送通知。
尝试将此添加到索引或应用程序:
PushNotification.createChannel({
channelId: "my-channel", // (required)
channelName: "My channel", // (required)
},
(created) => console.log(`CreateChannel returned '${created}'`)
);
然后在您的通知中添加 channelID:
const showNotification = (title, message) => {
PushNotification.localNotification({
channelId: "my-channel",
title: title,
message : message
});
};
推荐阅读
- webpack - WebPack 4 错误“未定义文档”
- python - 计算组内移动中位数
- css - React bootstrap CSS Unexpected Token
- r - 执行停止
- javascript - 在 React JS 中,为什么 useState() 钩子不合并对象道具是有原因的?
- snowflake-cloud-data-platform - 将数据加载到雪花数据库的有效方法是什么?
- javascript - 如何使用 for 循环在另一个对象中设置属性值?
- c# - 只选择 linq 中的子集合
- python - 改进此 pyspark 连接的最佳方法
- python - 无法将列表的所有值写入 CSV 行。值从页面中提取并存储在变量中但在文件中丢失