當(dāng)我們使用了websocket技術(shù)實(shí)現(xiàn)了實(shí)時(shí)的推送訪客來(lái)到消息,但是我們只能隨時(shí)看著頁(yè)面不離開(kāi)才能知道有訪客來(lái)到
現(xiàn)在增加瀏覽器的通知消息,就可以只要打開(kāi)著界面,不用一直盯著,干別的事去就可以了,有新消息會(huì)從右下角彈出來(lái)
測(cè)試地址如下,當(dāng)有訪客點(diǎn)擊咨詢按鈕時(shí),客服后臺(tái)會(huì)彈出提示:
https://gofly.sopans.com/index
首先要明確一點(diǎn),現(xiàn)在的通知只能在https的環(huán)境下使用 , 非https , 不能使用瀏覽器通知,Notification.permission返回的是禁止
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
notify(title, options, callback) { // 先檢查瀏覽器是否支持 if (!window.Notification) { return; } var notification; // 檢查用戶曾經(jīng)是否同意接受通知 if (Notification.permission === 'granted') { notification = new Notification(title, options); // 顯示通知 } else { var promise = Notification.requestPermission(); } if (notification && callback) { notification.onclick = function(event) { callback(notification, event); } } }, |
|
1
2
3
4
5
6
7
8
|
notify("標(biāo)題", { body: "內(nèi)容", icon: "頭像" }, function(notification) { notification.close();}); |
websocket部分就是監(jiān)聽(tīng)onmessage方法,根據(jù)返回的json消息字段進(jìn)行區(qū)分判斷,這里是需要自己來(lái)定義,也可以參考上面地址的源代碼
到此這篇關(guān)于Go語(yǔ)言實(shí)現(xiàn)基于websocket瀏覽器通知功能的文章就介紹到這了,更多相關(guān)go語(yǔ)言實(shí)現(xiàn)websocket瀏覽器通知內(nèi)容請(qǐng)搜索服務(wù)器之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持服務(wù)器之家！
原文鏈接：https://www.cnblogs.com/taoshihan/archive/2020/07/27/13385834.html
