android - 如何在 Android 上实现 ionic io 推送通知

Question

我在使用 ionic.io 和 phonegap-plugin-push 实现推送通知时遇到问题。这是我的开发环境::

our system information:

Cordova CLI: 6.2.0
Gulp version: CLI version 3.9.1
Gulp local: 
Ionic Framework Version: 1.3.1
Ionic CLI Version: 1.7.15
Ionic App Lib Version: 0.7.2
OS: Distributor ID: LinuxMint Description: Linux Mint 17.1 Rebecca 
Node Version: v0.12.2

Installed platforms:
android 5.1.1

Testing Device:
Samsung Galaxy Core Prime LTE Android 4.4.4 (rooted)

所以我遵循了 www dot devdactic dot com/ionic-push-notifications-guide/上的教程并尝试使用插件实现推送通知

ionic add ionic-platform-web-client
ionic plugin add phonegap-plugin-push --variable SENDER_ID="1234567890"

现在我能够在我的浏览器中运行开发或演示推送通知。但是，当我尝试实现真正的推送通知并在设备上对其进行测试时，它不起作用。当应用程序启动时，它会按照教程中的预期成功生成设备 token 。但是，当我使用 token 发送 CURL 或 Postman http 请求以获取推送通知时，我得到的 json 响应与成功的 dev_push 通知(HTTP 状态 201)完全一样，但我从未在我的设备上收到实际的推送通知.我仔细检查了一切，比如确保 dev_push 设置为 false，我什至从头开始尝试了 3 次教程，以及 ionic 文档中的教程。在所有情况下，我都成功生成了一个开发 token ，并且我的 cURL 请求给出了肯定的响应，但设备上没有收到任何内容。

我的代码::

应用程序.js:

angular.module('starter', ['ionic'])

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {

    var push = new Ionic.Push({
      "debug": true
    });

    push.register(function(token) {
      console.log("Device token:",token.token);
      push.saveToken(token);  // persist the token in the Ionic Platform
    });

    if(window.cordova && window.cordova.plugins.Keyboard) {
      // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
      // for form inputs)
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);

      // Don't remove this line unless you know what you are doing. It stops the viewport
      // from snapping when text inputs are focused. Ionic handles this internally for
      // a much nicer keyboard experience.
      cordova.plugins.Keyboard.disableScroll(true);
    }
    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
  });
})

index.html ---> http://pastebin.com/p9zwYXiQ

config.xml, package.json,postman请求&响应---> http://pastebin.com/YT2Kn64W

Answer 1

我在 Android 上得到了惊人的效果! Ionic 糟糕的过时文档在这里并没有多大帮助。我最终创建了一个新的应用程序，将 www 文件夹迁移到新的，只是为了避免麻烦。然后，确保除了以下内容之外，还执行 ionic 在文档中所说的内容:

从 Google Firebase 控制台创建一个新的 Firebase 帐户，是的，文档中从未提到过。当您第一次定义您的项目时，请确保包名称与您的 ionic 项目根目录中的 config.xml 中定义的相同。 Firebase 将为您提供一个新的项目 ID (SENDER_ID) 和一个 API key 。

更新您的 app.js 推送启动代码中的 SENDER_ID。

非常重要!!:Firebase 将引导您完成如何更新您的 gradle 项目，它们是 10 秒的更改，如果您不添加它们，您将不会收到通知!

project_root --> platforms --> android --> build.gradle:

// under buildscript { ... dependencies { ..
// paste this:
classpath 'com.google.gms:google-services:3.0.0'
// at the bottom of the file paste this
apply plugin: 'com.google.gms.google-services'

确保将这些行粘贴到正确的位置

在终端中运行 - 在此处使用您的新 SENDER_ID

cordova plugin add phonegap-plugin-push --variable SENDER_ID=SENDER_ID --save

从 app 更新 API key --> 证书 - 仅适用于 android!!

运行命令://重建 ionic 平台文件

ionic build android

从您的真实设备运行应用程序，-c -l 用于终端中的 liveReaload 和日志控制台

ionic run android --device -l -c

祝你好运。