當(dāng)我們使用了websocket技術(shù)實現(xiàn)了實時的推送訪客來到消息,但是我們只能隨時看著頁面不離開才能知道有訪客來到
現(xiàn)在增加瀏覽器的通知消息,就可以只要打開著界面,不用一直盯著,干別的事去就可以了,有新消息會從右下角彈出來
測試地址如下,當(dāng)有訪客點擊咨詢按鈕時,客服后臺會彈出提示:
https://gofly.sopans.com/index
首先要明確一點,現(xiàn)在的通知只能在https的環(huán)境下使用 , 非https , 不能使用瀏覽器通知,Notification.permission返回的是禁止
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);
}
}
},
notify("標(biāo)題", {
body: "內(nèi)容",
icon: "頭像"
}, function(notification) {
notification.close();
});
websocket部分就是監(jiān)聽onmessage方法,根據(jù)返回的json消息字段進行區(qū)分判斷,這里是需要自己來定義,也可以參考上面地址的源代碼
到此這篇關(guān)于Go語言實現(xiàn)基于websocket瀏覽器通知功能的文章就介紹到這了,更多相關(guān)go語言實現(xiàn)websocket瀏覽器通知內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:- 利用Go語言搭建WebSocket服務(wù)端方法示例
- go的websocket實現(xiàn)原理與用法詳解
- golang基于websocket實現(xiàn)的簡易聊天室程序
- 讓谷歌瀏覽器Google Chrome支持eWebEditor的方法
- 如何解決ajax在google chrome瀏覽器上失效
