在 DevExtreme/Phonegap 上使用 FCM 推送通知

Question

我使用 DevExtreme 开发我的应用程序，这是一个基于 PhoneGap 的多平台工具。

现在，我正在尝试使用 phonegap-plugin-push 管理推送通知。

我的第一个简单目标是从 FCM (Firebase Cloud Messaging) 发送和接收一些通知。

我更喜欢从 Android 开始，所以，我在 FCM 上设置了我的 Android 应用程序。在这里，我取了发件人ID。

根据文档，我修改了 config.xml 如下：

<widget id="com.devexpress.apptemplate" version="1.0" versionCode="1">
  <name>ApplicationTemplate</name>
  <description>Template</description>
  <preference name="phonegap-version" value="cli-6.4.0" />
  <preference name="permissions" value="none" />
  <preference name="prerendered-icon" value="true" />
  <preference name="android-windowSoftInputMode" value="adjustPan" />
  <preference name="SplashScreen" value="splash" />
  <preference name="SplashScreenDelay" value="60000" />
  <preference name="AutoHideSplashScreen" value="false" />
  <preference name="SplashShowOnlyFirstTime" value="false" />
  <preference name="FadeSplashScreen" value="false" />
  <preference name="ShowSplashScreenSpinner" value="false" />
  <preference name="DisallowOverscroll" value="true" />
  <preference name="StatusBarOverlaysWebView" value="false" />
  <preference name="StatusBarBackgroundColor" value="#000000" />
  <preference name="android-minSdkVersion" value="15" />
  <preference name="android-targetSdkVersion" value="22" />
  <!--<plugin name="cordova-plugin-file" />-->
  <plugin name="cordova-plugin-geolocation" />
  <plugin name="cordova-plugin-splashscreen" onload="true" />
  <plugin name="cordova-plugin-whitelist" />
  <plugin name="cordova-plugin-ios-longpress-fix" />
  <plugin name="cordova-plugin-statusbar" onload="true" />
  <plugin spec="https://github.com/phonegap/phonegap-plugin-push.git" source="git" >
    <param name="SENDER_ID" value="123456" />
  </plugin>
  <access origin="*" />
</widget>

然后，在 index.js 文件中，在 deviceReady 事件中：

  var push = PushNotification.init({
      android: {
          senderID: "123456"
      },
      browser: {
          pushServiceURL: 'https://fcm.googleapis.com/fcm/send' 
      },
      ios: {
          alert: "true",
          badge: "true",
          sound: "true"
      },
      windows: {}
  });

  push.on('registration', function (data) {
      // data.registrationId
      DevExpress.ui.notify("Device registered", "success", 3000);
  });

  push.on('notification', function (data) {
      // data.message,
      // data.title,
      // data.count,
      // data.sound,
      // data.image,
      // data.additionalData
      DevExpress.ui.notify(data.message, "info", 10000);
  });

  push.on('error', function (e) {
      // e.message
      DevExpress.ui.notify(e.message, "error", 10000);
  });

痛苦从这里开始。

首先不知道pushServiceURL对不对。如果我想从 FCM 发送一些通知，这是要使用的 URL 吗？

然后，我正确地创建了应用程序模板并构建了apk。但是，当然，当我在我的 Android 设备上安装它并尝试从 FCM 发送通知时，我在应用程序上看不到任何内容。

此外，我正在尝试在应用程序启动后通过消息管理注册事件，但我也没有看到该消息。

所以，这里没有任何作用！因为，恕我直言，缺少文档，你能帮我吗？

更新： 按照 phonegap 插件推送的文档，我注意到我必须包含 google-service.json。所以，我在 config.xml 中写道：

  <platform name="android">
    <resource-file src="google-services.json" target="google-services.json" />
  </platform>

并且我更改了 index.js 中的代码：

  var push = PushNotification.init({
      android: {},
      ios: {
          alert: "true",
          badge: "true",
          sound: "true"
      },
      windows: {}
  });

由于senderID现在在google-services.json中。此外，我还在 config.xml:

中删除了 senderID

<plugin spec="https://github.com/phonegap/phonegap-plugin-push.git" source="git" />

我也在我的项目中包含了这个文件 index.html (https://github.com/phonegap/phonegap-plugin-push/blob/master/src/js/push.js) 但我不知道它是否正确。

Answer 1

解决了。我写了这个：https://programmingistheway.wordpress.com/2017/07/19/devextremephonegap-how-to-manage-push-notifications-with-fcm/

希望对您有所帮助。

在 DevExtreme/Phonegap 上使用 FCM 推送通知

Push notifications with FCM on DevExtreme/Phonegap

android

ios

phonegap-plugins

cordova

devextreme