3

我正在尝试使用react-native-push-notifications,我已经坚持了好几天了,我只是找不到让它工作的方法。我知道这些年来它已经被提出过几次,取得了不同程度的成功,而且我尝试了所有的“解决方案”,但都没有运气。

注意...我还没有在 iOS 上尝试过,所以这主要是 Android 问题。

我已按照说明进行操作,并搜索了故障排除,但我无法从onRegister.

我可以获得本地通知以在加载时触发,并且onNotification在交互时被调用,但没有令牌。

我不确定这有多相关,但我认为我必须给予许可(?),但即使requestPermissions是真的,我也从未被问到。我做了一点挖掘,node_modules\react-native-push-notification\index.js其中有两个请求权限的函数。

这会被自动调用并具有正确的 senderID

// Prevent requestPermissions called twice if ios result is pending
Notifications._requestPermissions

仅当我明确调用PushNotifications.requestPermissions()但 senderID 未定义时才会调用

// Stock requestPermissions function
Notifications.requestPermissions

我已经尝试了很多从 Gradle 和 Manifest 中添加或删除行的不同组合,但没有任何效果,所以我只使用文档中的行重新开始。最初,我configurePushNotifications()在 logIn 函数中调用了 to,但读到它应该在加载 JS 之前从最高组件调用,所以我将它移至index.js,但它没有任何区别,仍然没有令牌。

我真的是在我的智慧尽头,真的可以做一些帮助,有一个费列罗·罗彻复活节彩蛋供谁解决它!

谢谢xxx

  • 在 Windows 上测试
  • Android设备,不是模拟器
  • 反应原生 cli:2.0.1
  • 反应原生:0.59.5
  • 反应原生推送通知”:^3.1.3,

AndroidManifest

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
          package="com.myApp">

    <uses-permission android:name="android.permission.INTERNET" />
    <!-- < Only if you're using GCM or localNotificationSchedule() > -->
    <uses-permission android:name="android.permission.WAKE_LOCK" />
    <permission
            android:name="${applicationId}.permission.C2D_MESSAGE"
            android:protectionLevel="signature" />
    <uses-permission android:name="${applicationId}.permission.C2D_MESSAGE" />
    <!-- < Only if you're using GCM or localNotificationSchedule() > -->

    <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">
        <activity
                android:name=".MainActivity"
                android:label="@string/app_name"
                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>
        </activity>
        <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />

        <meta-data  android:name="com.dieam.reactnativepushnotification.notification_channel_name"
                    android:value="YOUR NOTIFICATION CHANNEL NAME"/>
        <meta-data  android:name="com.dieam.reactnativepushnotification.notification_channel_description"
                    android:value="YOUR NOTIFICATION CHANNEL DESCRIPTION"/>
        <!-- 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="@android:color/white"/>

        <!-- < Only if you're using GCM or localNotificationSchedule() > -->
        <receiver
                android:name="com.google.android.gms.gcm.GcmReceiver"
                android:exported="true"
                android:permission="com.google.android.c2dm.permission.SEND" >
            <intent-filter>
                <action android:name="com.google.android.c2dm.intent.RECEIVE" />
                <category android:name="${applicationId}" />
            </intent-filter>
        </receiver>
        <!-- < Only if you're using GCM or localNotificationSchedule() > -->

        <!-- < Only if you're using GCM or localNotificationSchedule() > -->
        <service
                android:name="com.dieam.reactnativepushnotification.modules.RNPushNotificationListenerServiceGcm"
                android:exported="false" >
            <intent-filter>
                <action android:name="com.google.android.c2dm.intent.RECEIVE" />
            </intent-filter>
        </service>
        <!-- </ Only if you're using GCM or localNotificationSchedule() > -->

        <!-- < Else > -->
        <service
                android:name="com.dieam.reactnativepushnotification.modules.RNPushNotificationListenerService"
                android:exported="false" >
            <intent-filter>
                <action android:name="com.google.firebase.MESSAGING_EVENT" />
            </intent-filter>
        </service>
        <!-- </Else> -->
    </application>

</manifest>

应用程序\build.gradle

apply plugin: "com.android.application"

import com.android.build.OutputFile

project.ext.react = [
    entryFile: "index.js"
]

apply from: "../../node_modules/react-native/react.gradle"

def enableSeparateBuildPerCPUArchitecture = false

def enableProguardInReleaseBuilds = false

android {
    compileSdkVersion rootProject.ext.compileSdkVersion

    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }

    defaultConfig {
        applicationId "com.sumoshift"
        minSdkVersion rootProject.ext.minSdkVersion
        targetSdkVersion rootProject.ext.targetSdkVersion
        versionCode 1
        versionName "1.0"
    }
    splits {
        abi {
            reset()
            enable enableSeparateBuildPerCPUArchitecture
            universalApk false  // If true, also generate a universal APK
            include "armeabi-v7a", "x86", "arm64-v8a", "x86_64"
        }
    }
    buildTypes {
        release {
            minifyEnabled enableProguardInReleaseBuilds
            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
        }
    }
    // applicationVariants are e.g. debug, release
    applicationVariants.all { variant ->
        variant.outputs.each { output ->
            // For each separate APK per architecture, set a unique version code as described here:
            // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits
            def versionCodes = ["armeabi-v7a":1, "x86":2, "arm64-v8a": 3, "x86_64": 4]
            def abi = output.getFilter(OutputFile.ABI)
            if (abi != null) {  // null for the universal-debug, universal-release variants
                output.versionCodeOverride =
                        versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
            }
        }
    }
}

dependencies {
    implementation ("com.google.android.gms:play-services-gcm:12.0.1") {
        force = true
    }
    implementation ("com.google.firebase:firebase-messaging:12.0.1") {
        force = true
    }
    implementation project(':react-native-push-notification')
    implementation project(':react-native-gesture-handler')
    implementation project(':react-native-vector-icons')
    implementation fileTree(dir: "libs", include: ["*.jar"])
    implementation "com.android.support:appcompat-v7:${rootProject.ext.supportLibVersion}"
    implementation "com.facebook.react:react-native:+"  // From node_modules
}

// Run this once to be able to run the application with BUCK
// puts all compile dependencies into folder libs for BUCK to use
task copyDownloadableDepsToLibs(type: Copy) {
    from configurations.compile
    into 'libs'
}

apply plugin: 'com.google.gms.google-services'

android\build.gradle

buildscript {
    ext {
        buildToolsVersion = "28.0.3"
        minSdkVersion = 16
        compileSdkVersion = 28
        targetSdkVersion = 28
        supportLibVersion = "28.0.0"
    }
    repositories {
        google()
        jcenter()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.3.1'
        classpath 'com.google.gms:google-services:4.0.1'

        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }
}

allprojects {
    repositories {
        mavenLocal()
        google()
        jcenter()
        maven {
            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
            url "$rootDir/../node_modules/react-native/android"
        }
    }
}

通知.js

configurePushNotifications(shouldRegisterDeviceDetails) {
        console.log('notifications Notification configurePushNotifications');

        Notification.create({message: 'Test message working'});

        PushNotification.configure({

            // (optional) called when Token is generated (Android & iOS)
            onRegister:  function (registrationToken) {
                console.log('notifications Notification configurePushNotifications onRegister registrationToken: ', registrationToken);

                if (shouldRegisterDeviceDetails) {
                    console.log('registering device');

                    API.editShifterData(8, {
                        device_token: registrationToken.token,
                        phone_type: registrationToken.os
                    })
                        .then((response) => {
                            console.log('notifications Notification configurePushNotifications onRegister response: ', response);
                        })
                        .catch((error) => {
                            console.log('notifications Notification configurePushNotifications onRegister error: ', error);
                        })
                }
            },


            // (required) Called when a remote or local notification is opened or received
            onNotification: function (notification) {
                console.log('notifications Notification configurePushNotifications onNotification notification: ', notification);

                if (notification.userInteraction) {
                    console.log('notifications Notification configurePushNotifications onNotification userInteraction TRUE');

                    Notification.open(notification);
                } else {
                    console.log('notifications Notification configurePushNotifications onNotification userInteraction FALSE');

                    Notification.create(notification);
                }
            },

            // ANDROID ONLY: GCM Sender ID (optional - not required for local notifications, but is need to receive remote push notifications)
            senderID: "xxxxxxxxxxx",

            // IOS ONLY (optional): default: all - Permissions to register.
            permissions: {
                alert: true,
                badge: true,
                sound: true
            },

            // Should the initial notification be popped automatically
            // default: true
            popInitialNotification: true,

            /**
             * (optional) default: true
             * - Specified if permissions (ios) and token (android and ios) will requested or not,
             * - if not, you must call PushNotificationsHandler.requestPermissions() later
             */
            requestPermissions: true,
        });
    }

再次感谢xxx

4

1 回答 1

4

如果有人遇到同样的问题,我必须在 Manifest 中添加一些额外的行,这些行在包的文档中没有提到。

<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"/>
    </intent-filter>
</receiver>
<service android:name="com.dieam.reactnativepushnotification.modules.RNPushNotificationRegistrationService"/>

不过老实说,看看 NPM 包的问题部分,似乎有很多东西没有提到,而且有很多来自不同人的不同解决方案,所以虽然这是我使用的为了让它工作,它对所有人来说都是免费的。

祝你好运!

于 2019-05-30T12:55:05.403 回答