Go語言實現(xiàn)基于websocket瀏覽器通知功能
當我們使用了websocket技術(shù)實現(xiàn)了實時的推送訪客來到消息,但是我們只能隨時看著頁面不離開才能知道有訪客來到
現(xiàn)在增加瀏覽器的通知消息,就可以只要打開著界面,不用一直盯著,干別的事去就可以了,有新消息會從右下角彈出來
測試地址如下,當有訪客點擊咨詢按鈕時,客服后臺會彈出提示:
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("標題", { 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)文章希望大家以后多多支持腳本之家!
相關(guān)文章
淺析Golang如何向已關(guān)閉的chan讀寫數(shù)據(jù)
這篇文章主要為大家詳細介紹了Golang如何向已關(guān)閉的chan讀寫數(shù)據(jù),文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-02-02Golang中struct{}和struct{}{}的區(qū)別解析
這篇文章主要介紹了Golang中struct{}和struct{}{}的區(qū)別,通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-03-03Go語言實現(xiàn)的排列組合問題實例(n個數(shù)中取m個)
這篇文章主要介紹了Go語言實現(xiàn)的排列組合問題,結(jié)合實例形式分析了Go語言實現(xiàn)排列組合數(shù)學(xué)運算的原理與具體操作技巧,需要的朋友可以參考下2017-02-02GoLang并發(fā)編程中條件變量sync.Cond的使用
Go標準庫提供Cond原語的目的是,為等待/通知場景下的并發(fā)問題提供支持,本文主要介紹了Go并發(fā)編程sync.Cond的具體使用,具有一定的參考價值,感興趣的可以了解一下2023-01-01