处理浏览器令牌以将通知推送到有角度的PWA

Question

我正在按角度构建PWA。我想将通知推送到我的应用程序。 我尝试使用网络推送模块发送通知。 并且通知会正确触发。

web-push send-notification --endpoint=browser_generated_token --key=browser_generated_key --auth=browser_generated_auth --payload="{\"hello\":\"world\"}" --vapid-subject="https://localhost:8000" --vapid-pubkey=my_pub_key --vapid-pvtkey=my_pvt_key

上面的web-push代码可以很好地触发命令提示符下的通知。

但是当我尝试通过邮递员将通知推送到FCM时，它会给出错误“ MismatchSenderId”

API- https://fcm.googleapis.com/fcm/send
data-{"to":"eENaNEk2Jo8:APA91bEYStlfTKZLdgEoLw9E1zsXUcSjXrvLurXTUIEgbcMEKULoLxBMc_HOIdiYB8PY7KCIXVwEwvOjgTbqVMPEmTLO876HbgJ23C1mnhPdNQ939MLzuvGQQRNSMwQGS-1_CzI9Ym8w"}

我使用过服务人员的SwPush

import { SwPush } from '@angular/service-worker';
constructor(public swPush: SwPush)

   swPush.requestSubscription({ serverPublicKey: key })
      .then(pushSubscription => {
        console.log(pushSubscription.toJSON());
      })
      .catch(err => {
        console.error(err);
      })

其中密钥是在Firebase控制台的“ Cloud Messaging”的“ Web Push证书”中生成的密钥对。