每当管理员发送通知时,我都会使用 Pusher (pusher.com) 向所有登录的客户端触发通知。
由于某种原因,该事件拍摄了两次,尽管我只触发了一次。
客户端订阅代码:
var handleToastrListener = function() {
var pusher = new Pusher("913284db62a0cc237db4");
var channel = pusher.subscribe('toastr-channel');
channel.bind('new-toast', function(data) {
toastr.options = data.options;
var $toast = toastr[data.scf](data.msg, data.title);
return true;
});
}
handleToastrListener();
服务器端发布代码(PHP使用pusher包):
$pusher = new Pusher(PUSHER_KEY, PUSHER_SECRET, PUSHER_APP_ID);
$pusher->trigger('toastr-channel', 'new-toast', $input );
Pusher 调试控制台显示仅收到一条消息。
pusher-js Javascript 日志记录显示两条消息:
Pusher : Event recd : {"event":"new-toast","data":{"options":{"positionClass":"toast-top-right","onclick":"","showDuration":"1000","hideDuration":"1000","timeOut":"5000","extendedTimeOut":"1000","showEasing":"swing","hideEasing":"linear","showMethod":"fadeIn","hideMethod":"fadeOut"},"title":"Toastr Notifications","msg":"Gnome & Growl type non-blocking notifications","scf":"success"},"channel":"toastr-channel"} app.js:143
Pusher : Event recd : {"event":"new-toast","data":{"options":{"positionClass":"toast-top-right","onclick":"","showDuration":"1000","hideDuration":"1000","timeOut":"5000","extendedTimeOut":"1000","showEasing":"swing","hideEasing":"linear","showMethod":"fadeIn","hideMethod":"fadeOut"},"title":"Toastr Notifications","msg":"Gnome & Growl type non-blocking notifications","scf":"success"},"channel":"toastr-channel"}
进一步观察,我发现订阅发生了两次,尽管我只调用了一次:
Pusher : Event sent : {"event":"pusher:subscribe","data":{"channel":"toastr-channel"}} app.js:143
Pusher : Event recd : {"event":"pusher_internal:subscription_succeeded","data":{},"channel":"toastr-channel"} app.js:143
Pusher : No callbacks on toastr-channel for pusher:subscription_succeeded app.js:143
Pusher : State changed : connecting -> connected app.js:143
Pusher : Event sent : {"event":"pusher:subscribe","data":{"channel":"toastr-channel"}} app.js:143
Pusher : Event recd : {"event":"pusher_internal:subscription_succeeded","data":{},"channel":"toastr-channel"} app.js:143
Pusher : No callbacks on toastr-channel for pusher:subscription_succeeded
您绝对应该查看并适当更新您的问题的两件事:
这里的另一个常见问题是,有时事件可能被绑定到两次 - 因此,有两个回调。但是,您的代码并不表明这种情况正在发生。
要解决这个问题,需要在绑定之前先解绑通道。
pusherClient.subscribe(1234);
pusherClient.bind(1234);
pusherClient.bind("incoming-message", (text) => {
console.log(text);
});
请参阅此处了解更多信息。