Electron - Firebase 不支持的浏览器

Question

尝试在 firebase 中检索令牌时出现以下错误：

code: "messaging/unsupported-browser"
message: "Messaging: This browser doesn't support the API's required to use the firebase SDK. (messaging/unsupported-browser)."
stack: "FirebaseError: Messaging: This browser doesn't support the API's required to use the firebase SDK. (messaging/unsupported-browser).

有没有办法解决这个问题？我希望能够在我的 android 设备和这个应用程序之间创建一个消息传递系统。有点像 slack 应用程序。

这是一个代码sn-p：

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

// Initialize Firebase
var config = {
    apiKey: "myapikey",
    authDomain: "myauthdomain",
    databaseURL: "databaseurl",
    projectId: "projectid",
    storageBucket: "storagebucket",
    messagingSenderId: "senderID"
};
firebase.initializeApp(config);

const messaging = firebase.messaging();

messaging.requestPermission()
.then(function() {
  console.log('Notification permission granted.');
})
.catch(function(err) {
  console.log('Unable to get permission to notify.', err);
});

messaging.getToken()
.then(function(currentToken) {
  if (currentToken) 
    console.log(currentToken);
})
.catch(function(err) {
  console.log('An error occurred while retrieving token. ', err);  
});

Answer 1

我不得不转向一个名为 Node WebKit 的框架，它支持 firebase 消息传递。看看那个。它非常简单，与电子非常相似。不幸的是，electron 根本不支持 firebase 消息传递。希望这会有所帮助！

Answer 2

我找到了这个库electron-push-receiver。 检查它的文档，效果很好。（如果您使用 Typescript，您可能需要提取一些代码）

重要提示：将此行添加到电子文件中：check this

 webPreferences: {
  nodeIntegration: false,
  preload: __dirname + "/preload.js"  <----- here
}

和preload.js

window.ipcRenderer = require('electron').ipcRenderer;

然后在应用内，将 firebase 消息配置替换为：

let { ipcRenderer } = window;
import {
 START_NOTIFICATION_SERVICE,
 NOTIFICATION_SERVICE_STARTED,
 NOTIFICATION_SERVICE_ERROR,
 NOTIFICATION_RECEIVED,
 TOKEN_UPDATED
} from "../constants/electron-push";


ipcRenderer.on(TOKEN_UPDATED, (_, token) => {
  setTokenSentToServer(false);
  sendTokenToServer(token);
});

ipcRenderer.on(NOTIFICATION_RECEIVED, (_, notification) => {
  console.log("NOTIFICATION_RECEIVED", notification);
  let { data } = notification;
  // here you get your data
});
// Listen for service successfully started
ipcRenderer.on(NOTIFICATION_SERVICE_STARTED, (_, token) => {
  console.log("NOTIFICATION_SERVICE_STARTED", token);
  setTokenSentToServer(false);
  sendTokenToServer(token);
});
// Handle notification errors
ipcRenderer.on(NOTIFICATION_SERVICE_ERROR, (_, error) => {
  console.log("NOTIFICATION_SERVICE_ERROR", error);
});
ipcRenderer.send(START_NOTIFICATION_SERVICE, senderId);