我正在尝试使用django-push-notifications设置推送通知,我已经复制了示例中的大部分代码。我有一个调用enablePushNotifications()
函数的按钮:
export function enablePushNotifications() {
console.log("enabling push notifications...");
if (!'serviceWorker' in navigator){
console.log("Push notifications not supported");
return;
}
navigator.serviceWorker.ready.then(
(registration)=>{
registration.pushManager.subscribe({
userVisibleOnly: true
}).then(
(sub)=>{
console.log(sub);
let endpointParts = sub.endpoint.split("/");
let registration_id = endpointParts[endpointParts.length - 1];
let data = {
'browser': loadVersionBrowser(navigator.userAgent).name.toUpperCase(),
'p256dh': btoa(String.fromCharCode.apply(null, new Uint8Array(sub.getKey('p256dh')))),
'auth': btoa(String.fromCharCode.apply(null, new Uint8Array(sub.getKey('auth')))),
'registration_id': registration_id,
'endpoint': sub.endpoint,
};
request(
"/api/subscribe",
data
)
}
).catch(
(error)=>console.error(error)
)
}
)
}
当我打开“网络”选项卡时,看不到有关传递的属性或标题的任何奇怪信息。特别是browser
值正确。 /api/subscribe
URL的实现如下:
import push_notifications.models as pushmodels
def registerPush(request):
data = requestFormatting.get_data(
request
)
device = pushmodels.WebPushDevice(
name=request.user.username,
active=True,
user=request.user,
registration_id=data["registration_id"],
p256dh=data["p256dh"],
auth=data["auth"],
browser=data["browser"]
)
device.save()
device.send_message("hello")
调用此函数将引发PushError:推送失败:401未经授权。我已经测试了chrome和Firefox,两者都给出了相同的错误。我在设置中指定了FCM_API_KEY
,仅此而已。我目前不使用VAPID,尽管我计划将来使用。我已经尝试过各种代码变体,但似乎没有任何效果。该文档尚不清楚如何实际初始化设备,并且我只选择了WebPushDevice
对象,因为它似乎包含与示例中提供的数据相似的属性。
这是我第一次尝试使用网络推送,因此不胜感激!