gpt4 book ai didi

javascript - 我如何将数据(如用户 ID)传递给网络 worker 以从服务器获取额外的推送通知数据?

转载 作者:太空狗 更新时间:2023-10-29 14:05:51 27 4
gpt4 key购买 nike

我想我错过了一些可能非常简单的事情。

我正在注册一个 service worker 以通过 GCM 从我的服务器接收推送通知。这很好用。

不幸的是,我无法将任何数据与我的推送通知一起传递,因此当 service worker 收到推送时,它对此一无所知。因此,在我显示通知之前,我会回拨我的服务器以请求有关推送的其他信息,例如标题、消息和图标。

我的问题是,当我回拨我的服务器以获取更多信息时,在显示推送之前,服务工作线程中没有关于用户请求其他信息的任何信息。为了收集该信息,我需要将用户 ID 和 token 传递到我的服务器。

所以我的问题归结为:如何从我的 core.js 代码中获取用户 ID 和 token 变量到服务工作线程中,以便我可以使用它们从我的服务器收集额外信息?

在我的网络应用程序中,我像这样注册服务 worker :

核心.js

var uid = "89123891231239"; // Dummy global id variable
var token = "eo4Dr8qhrFY"; // Dummy global token variable

function setupPushNotifications(){
console.log("Setting up push notifications");

if ('serviceWorker' in navigator) {

navigator.serviceWorker.register('js/pushWorker.js').then(function(reg) {

console.log(reg);

reg.pushManager.subscribe({
userVisibleOnly: true
}).then(function(sub) {
console.log('endpoint:', sub.endpoint);
});

}).catch(function(error) {
console.log('Error: ', error);
});
}
}

然后,我有一个看起来像这样的 service worker:

pushWorker.js

'use strict';

self.addEventListener('install', function(event) {
self.skipWaiting();
console.log('Installed', event);
});

self.addEventListener('activate', function(event) {
console.log('Activated', event);
});

self.addEventListener('push', function(event) {

var uid = "EXISTS_IN_CORE.JS";
var token = "ALSO_EXISTS_IN_CORE.JS";

console.log("Push recieved - we need to know the uid and token here, from core.js");

event.waitUntil(
fetch("https://oapi.co/o?f=getExtraPushData&uid=" + uid + "&t=" + token).then(function(response) {
if (response.status !== 200) {
console.log('Looks like there was a problem. Status Code: ' + response.status);
throw new Error();
}

return response.json().then(function(data) {
if (data.error || !data.notification) {
console.error('The API returned an error.', data.error);
throw new Error();
}

var title = data.notification.title;
var message = data.notification.message;
var icon = data.notification.icon;

return self.registration.showNotification(title, {
body: message,
icon: icon,
});
});
}).catch(function(err) {
console.error('Unable to retrieve data', err);

var title = 'An error occurred';
var message = 'We were unable to get the information for this push message';
var icon = "https://oapi.co/occurrences_secure/img/stepNotify_1.png";
var notificationTag = 'notification-error';
return self.registration.showNotification(title, {
body: message,
icon: icon,
tag: notificationTag
});
})
);
});

我在这里读到了关于 worker 的限制:Accessing localStorage from a webWorker

我知道 postMessage 函数,但我不知道如何在实践中理解它。

如有任何帮助,我们将不胜感激。

最佳答案

您可以像这样轻松解决您的问题:

if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('pushWorker.js').then(function() {
return navigator.serviceWorker.ready;
}).then(function(reg) {
console.log('Service Worker is ready', reg);
reg.pushManager.subscribe({userVisibleOnly: true}).then(function(sub) {

console.log('endpoint:', sub.endpoint);
reg.active.postMessage(JSON.stringify({uid: uid, token: token}));
console.log("Posted message");

});
}).catch(function(error) {
console.log('Error : ', error);
});
}

这里的关键是...

reg.active.postMessage(JSON.stringify({uid: uid, token: token}));

...从代码中的那一点开始,您将可以访问 postMessage();

在你的工作代码中,确保你有类似的东西:

self.addEventListener('message', function(event){
var data = JSON.parse(event.data);

console.log("SW Received Message:");
console.log(data);

self.userID = data.uid;
self.userToken = data.token;

});

当您最终需要调用您的服务器并请求额外的推送信息时,这将使您可以全局访问您的 userID 和 userToken 信息。

关于javascript - 我如何将数据(如用户 ID)传递给网络 worker 以从服务器获取额外的推送通知数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35725594/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com