如何在Android上用Reactjs发送推送通知

情况是这样的：

公告将通过谷歌电子表格编写，并在web应用程序页面上检索（我使用的是React JS）

我需要让用户知道有一个新的公告

如何从中实现推送通知

我尝试过使用Firebase云消息传递，但我不知道JSON是如何工作的

链接是否用作参考

firebase-messaging-sw.js

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

firebase.initializeApp({
  messagingSenderId: "ID here"
});

const messaging = firebase.messaging();

Push-notification.js

import firebase from 'firebase';

export const initializeFirebase = () => {
  firebase.initializeApp({
    apiKey: "key",
    authDomain: "domain",
    databaseURL: "url",
    projectId: "demo",
    storageBucket: "",
    messagingSenderId: "ID",
    appId: "app id"
  });

  navigator.serviceWorker
    .register('/firebase-messaging-sw.js')
    .then((registration) => {
      firebase.messaging().useServiceWorker(registration);
    });
}

export const firebaseNotifications = async () => {
    try {
      const messaging = firebase.messaging();
      await messaging.requestPermission();
      const token = await messaging.getToken();
      console.log('Token:', token);

      return token;
    } catch (error) {
      console.error(error);
    }
  }

我使用的所有代码都在给定的链接中

---

仍然没有遇到错误。但我遇到了一个障碍，我似乎无法解决这个问题。

我解决了这个问题，只是正确地遵循firebase中的设置

---

使用postman发送JSON参数来测试推送通知到您的android

我发现了这一点，并正确地遵循firebase中的设置

---

并使用postman发送JSON参数，以测试推送通知到您的android

如果没有用于执行此操作的相关代码快照的正确代码视图，将很难提供帮助。此外，如果您愿意使用React执行此操作，您需要在应用程序中实现PWA workers，才能将通知推送到Android。@SultanH。这就是我用来推送通知的全部，我还不能完全确定PWA的工作人员，但我认为我的web应用程序是PWA（因为当我将它添加到手机主屏幕时，它看起来像一个应用程序），我明白了！这个问题的答案是正确的，如果没有正确的代码视图来查看用于执行此操作的相关代码快照，将很难提供帮助。此外，如果您愿意使用React执行此操作，则需要在应用程序中实现PWA workers，以便能够将通知推送到Android。@SultanH。这就是我用来推送通知的全部，我还不能完全确定PWA的工作人员，但我认为我的web应用程序是PWA（因为当我将它添加到手机主屏幕时，它看起来像一个应用程序），我明白了！这个问题的答案是正确的