发送&在主要浏览器上接收推送通知&移动设备

时间:2017-07-02 18:15:39

标签: push-notification service-worker

我注册了Google云端服务帐户,创建了新的Firebase项目,并下载了我的服务凭据JSON文件。

遵循本指南: https://firebase.google.com/docs/cloud-messaging/js/client

我将此添加到我的Web客户端html(为了获取客户端注册令牌并接受推送通知):

<script src="https://www.gstatic.com/firebasejs/4.1.3/firebase.js">
</script>
<script>
firebase.initializeApp({
  apiKey: "_APIKEY_",
  authDomain: "_ID_.firebaseapp.com",
  databaseURL: "https://_ID_.firebaseio.com",
  projectId: "_ID_",
  storageBucket: "_ID_.appspot.com",
  messagingSenderId: "_SENDERID_"
});
/* Is the API Key supposed to be public-facing? */

const messaging = firebase.messaging();
messaging.requestPermission().then(function() {
  console.log('Notification permission granted.');

  messaging.getToken().then(function(currentToken) {
    if (currentToken) {
      console.log(currentToken)
    } else {
      console.log('No Instance ID token available. Request permission to generate one.');
    }
  }).catch(function(err) {
    console.log('An error occurred while retrieving token. ', err);
  });
}).catch(function(err) {
  console.log('Unable to get permission to notify.', err);
});

messaging.onTokenRefresh(function() {
  messaging.getToken().then(function(refreshedToken) {
    console.log(refreshedToken)
  }).catch(function(err) {
    console.log('Unable to retrieve refreshed token ', err);
  });
});
</script>

我抓住了客户端生成的注册令牌,并添加了一个服务工作者(firebase-messaging-sw.js):

importScripts('https://www.gstatic.com/firebasejs/3.9.0/firebase-app.js');
importScripts('https://www.gstatic.com/firebasejs/3.9.0/firebase-messaging.js');

firebase.initializeApp({
  'messagingSenderId': '_ID_'
});

const messaging = firebase.messaging();

messaging.setBackgroundMessageHandler(function(payload) {
  console.log('[firebase-messaging-sw.js] Received background message ', payload);
  const notificationTitle = 'Background Message Title';
  const notificationOptions = {
    body: 'Background Message body.',
    icon: '_ICON_'
  };

  return self.registration.showNotification(notificationTitle,
    notificationOptions);
});

然后,下载了适用于Firebase Admin的npm模块,并使用客户端令牌设置了基本推送通知测试模板:

  var admin = require("firebase-admin");
  var serviceKey = require("./_KEY_.json");

  admin.initializeApp({
    credential: admin.credential.cert(serviceKey),
    databaseURL: "https://_PROJECTID_.firebaseio.com"
  });

  var registrationToken = "_TOKEN_";

  var notification = {
    data: {
      msg:"Hello!"
    }
  };

  admin.messaging().sendToDevice(registrationToken, notification)
    .then(function(response) {
      console.log("Successfully sent message:", response);
    })
    .catch(function(error) {
      console.log("Error sending message:", error);
    });

现在,node.js告诉我它"Successfully sent message",但我还没有在Chrome网络客户端中收到任何内容。在Safari中,我看到错误:This browser doesn't support the API's required to use the firebase SDK.

对我而言,最简单的方法是通过主要浏览器的推送通知简单地向各个客户发送消息。移动设备?

1 个答案:

答案 0 :(得分:1)

Safari还不支持FCM。 See here

现在为什么你没有收到消息,首先你要了解实际发生的事情。

客户端正在浏览器中生成令牌。(这就是generateToken方法的作用)和Firebase管理员正在运行fcm服务器。

但Firebase服务器并不了解您的客户端。您的客户必须订阅您希望接收通知的管理服务器。

要订阅服务器,您必须使用服务器密钥发布请求。 see this