Используйте Firebase Messaging (FCM) для React Native Web - PullRequest
Новая
       14

Используйте Firebase Messaging (FCM) для React Native Web

0 голосов
/ 09 июля 2020

Я хочу использовать Firebase Messaging FCM для уведомлений pu sh в собственном веб-проекте React. Когда я получаю токен в браузере, я получаю сообщение об ошибке: - Service worker registration failed, error: DOMException: Failed to register a ServiceWorker for scope ('https://localhost:19006/') with script ('https://localhost:19006/firebase-messaging-sw.js'): The script has an unsupported MIME type ('text/html').

Найденные мной решения - это создание firebase-messaging-sw. js. Я создал его, но он не читает файл. Это мой файл firebase-messaging-sw. js: - 

// Give the service worker access to Firebase Messaging.
// Note that you can only use Firebase Messaging here, other Firebase libraries
// are not available in the service worker.
// importScripts("https://www.gstatic.com/firebasejs/7.15.0/firebase-app.js");
// importScripts(
//   "https://www.gstatic.com/firebasejs/7.15.0/firebase-messaging.js"
// );
import * as firebase from "firebase";

const script = document.createElement("script");
script.src = "https://www.gstatic.com/firebasejs/7.15.0/firebase-app.js";
script.async = true;

document.body.appendChild(script);

const script1 = document.createElement("script");
script1.src = "https://www.gstatic.com/firebasejs/7.15.0/firebase-messaging.js";
script1.async = true;

document.body.appendChild(script1);

// Initialize the Firebase app in the service worker by passing in
// your app's Firebase config object.
// https://firebase.google.com/docs/web/setup#config-object
firebase.initializeApp({
  apiKey: "*********",
  authDomain: "*********",
  databaseURL: "*********",
  projectId: "*********",
  storageBucket: "*********",
  messagingSenderId: "1772528518",
  appId: "*********",
});

// Retrieve an instance of Firebase Messaging so that it can handle background
// messages.
const messaging = firebase.messaging();

Пожалуйста, помогите мне, что я здесь делаю неправильно и где этот файл должен быть размещен в структуре проекта. Я не могу найти никаких руководств или примеров проекта для обмена сообщениями Firebase в React Native Web или Expo Web.

...