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

时间:2017-07-18 14:07:44

标签: android ios cordova phonegap-plugins devextreme

我使用基于PhoneGap的多平台工具DevExtreme开发了我的应用程序。

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

我的第一个简单目标是从FCM(Firebase云消息传递)发送和接收一些通知。

我更喜欢从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发送一些通知,这是否是要使用的网址?

然后,我正确创建了应用程序模板并构建了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)的项目中包含了这个文件,但我不知道它是否正确。

1 个答案:

答案 0 :(得分:0)