如何使用Firebase云消息传递通过Web浏览器订阅主题

Question

我正试图找到一种方法，使用Firebase云消息发送通知给我的应用程序的所有用户，但我有一个仅限web的应用程序。我见过一些针对Android/iOS的解决方案，基本上是让用户自动订阅一个名为“allDevices”的主题，然后向订阅该主题的所有用户发送通知。我似乎找不到任何关于如何让基于web的用户订阅主题的文档。有人知道这是否可能吗？如果有，是否有我遗漏的文件可以涵盖这一点？

谢谢！

Answer 1

弗兰克斯解仍然有效。但是，您需要有一个服务器为您进行订阅。

function subscribeTokenToTopic(token, topic) {
  fetch('https://myserver.com/'+token+'/rel/topics/'+topic, {
    method: 'POST',
    headers: new Headers({
      'Authorization': 'Bearer '+ oauthToken
    })
  }).then(response => {
    if (response.status < 200 || response.status >= 400) {
      throw 'Error subscribing to topic: '+response.status + ' - ' + response.text();
    }
    console.log('Subscribed to "'+topic+'"');
  }).catch(error => {
    console.error(error);
  })
}

然后您的服务器有一个rest调用，如下所示：

（爪哇之春）

@RequestMapping(value = "/{token}/rel/topics/{topic}", method = RequestMethod.POST)
public ResponseEntity<?> subscribeTokenToTopic(@PathVariable("token") String token, @PathVariable("topic") String topic)  throws ServletException {
  URL url = new URL("https://iid.googleapis.com/iid/v1/"+token+"/rel/topics/"+topic);
  // make https post call here.. 
  ...
}

希望这有意义。

Answer 2

任何一个寻找PHP解决方案找到下面，因为你要使用服务器的Api密钥，所以不要在客户端这样做

客户端Firebase js代码

// Initialize Firebase
var config = {
    apiKey: "xxxx",
    authDomain: "yyy",
    databaseURL: "zzzz",
    projectId: "aaaa",
    storageBucket: "bbbbb",
    messagingSenderId: "ccc"
  };
firebase.initializeApp(config);

const messaging = firebase.messaging();

messaging.requestPermission()
.then(function() {
  console.log('Notification permission granted.');
  return messaging.getToken();
})
.then(function(token) {

//send this token to server
  console.log(token); // Display user token
})
.catch(function(err) { // Happen if user deney permission

  console.log('Unable to get permission to notify.', err);
});

messaging.onMessage(function(payload){
    console.log('onMessage',payload);
})

由php编写的服务器端代码

$headers = array
    ('Authorization: key=' . API_ACCESS_KEY,
    'Content-Type: application/json');

$ch = curl_init();
// browser token you can get it via ajax from client side
$token = 'drVdtCt82qY:APA91bEZb99GvoS9knv-cp5ThVBiYGBjUwl_Ewj2tKaRFwp7HoG347utaNKbgLWmkxpGadABtIg-DspPUh5sC_bc2JrBKVw10Ejg72nYxZgD2wBU-adYJo0yi03lX22s5K2UEp6gwnMv';
curl_setopt($ch, CURLOPT_URL, "https://iid.googleapis.com/iid/v1/$token/rel/topics/testIshakTopic");
curl_setopt($ch, CURLOPT_POST, true);
curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
curl_setopt($ch, CURLOPT_POSTFIELDS, array());
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$result = curl_exec($ch);
echo "The Result : " . $result;

希望对PHP开发人员有所帮助

Answer 3

Firebase Cloud Messaging SDK for JavaScript中没有用于向客户端订阅主题的直接API。相反，您可以通过RESTAPI向主题订阅令牌。调用此API需要指定FCM服务器密钥，这意味着您只能在受信任的环境中执行此操作，例如您的开发机器、您控制的服务器或云功能。这是必要的，因为使用FCM服务器密钥可以代表应用程序向所有应用程序用户发送消息。

事实证明，在我的测试中，我使用的是一个较旧的项目，其中允许客户端API键订阅主题。出于安全原因，此功能已从较新的项目中删除。

例如，在Node.js中，您可以调用REST API为应用程序实例创建关系映射，如下所示：

function subscribeTokenToTopic(token, topic) {
  fetch('https://iid.googleapis.com/iid/v1/'+token+'/rel/topics/'+topic, {
    method: 'POST',
    headers: new Headers({
      'Authorization': 'key='+fcm_server_key
    })
  }).then(response => {
    if (response.status < 200 || response.status >= 400) {
      throw 'Error subscribing to topic: '+response.status + ' - ' + response.text();
    }
    console.log('Subscribed to "'+topic+'"');
  }).catch(error => {
    console.error(error);
  })
}

其中fcm_server_key是从项目的Firebase控制台获取的fcm服务器密钥。