如何解决“WebPushError:收到意外的响应代码”状态代码:403
我正在尝试使用 web-push npm 包发送通知
仍然出现错误
我正在使用:
"body-parser": "1.19.0",
"express": "4.17.1",
"web-push": "3.4.4"
节点版本:v14.15.1
错误::
WebPushError: Received unexpected response code
at IncomingMessage.<anonymous> (E:\mine\Notify Me\node_modules\web-push\src\web-push-lib.js:347:20)
at IncomingMessage.emit (events.js:327:22)
at endReadableNT (_stream_readable.js:1327:12)
at processticksAndRejections (internal/process/task_queues.js:80:21) {
statusCode: 403,headers: {
'content-type': 'text/plain; charset=utf-8','x-content-type-options': 'nosniff','x-frame-options': 'SAMEORIGIN','x-xss-protection': '0',date: 'Sun,07 Feb 2021 07:36:07 GMT','content-length': '70','alt-svc': 'h3-29=":443"; ma=2592000,h3-T051=":443"; ma=2592000,h3-Q050=":443"; ma=2592000,h3-Q046=":443"; ma=2592000,h3-Q043=":443"; ma=2592000,quic=":443"; ma=2592000; v="46,43"',connection: 'close'
},body: 'exp claim MUST NOT be more than 24 hours from the time of the request\n',endpoint: 'https://fcm.googleapis.com/fcm/send/cYXXoxqEhl0:APA91bFysSNp-eRBDqIqqbDQBI8-tJkZwwFPIvqi79JJJ0m_z0sYlhIoQpUQjqIfDF0juxQ5M7HabAD5i3y99nDURKhQhY54iObhuWsBW11y1BX_sbAYDLVETcvGHOzdzgxxtF3pfsvM'
}
我在服务器中的代码
app.post('/subscribe',(req,res)=>{
console.log('working');
const subscription = req.body;
console.dir(subscription);
const opts = {
vapidDetails : {
subject: 'http://localhost:5000',publicKey: publicKey,privateKey: privateKey
}
}
const payload = JSON.stringify({ title: "Push Test",body : "hello world" });
res.status(201).json({});
webpush
.sendNotification(subscription,payload,opts)
.catch(err => console.error(err));
})
在客户端 main.js 文件中
navigator.serviceWorker.getRegistration().then( reg =>{
reg.pushManager.subscribe({
userVisibleOnly : true,applicationServerKey : urlBase64ToUint8Array(publicvapidKey)
}).then( sub => {
console.dir(sub);
fetch('/subscribe',{
method : "POST",body : JSON.stringify(sub),headers: {
"Content-Type" : "application/json"
}
})
}).catch(err => {
console.error(err);
})
})
在 sw.js (service worker) 文件中
self.addEventListener('push',event =>{
const data=event.data.json();
event.waitUntil(
self.registration.showNotification(data)
);
})
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。