Go語(yǔ)言實(shí)現(xiàn)基于websocket瀏覽器通知功能
當(dāng)我們使用了websocket技術(shù)實(shí)現(xiàn)了實(shí)時(shí)的推送訪客來(lái)到消息,但是我們只能隨時(shí)看著頁(yè)面不離開才能知道有訪客來(lái)到
現(xiàn)在增加瀏覽器的通知消息,就可以只要打開著界面,不用一直盯著,干別的事去就可以了,有新消息會(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返回的是禁止
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消息字段進(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)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Golang 語(yǔ)言極簡(jiǎn)類型轉(zhuǎn)換庫(kù)cast的使用詳解
本文我們通過(guò) cast.ToString() 函數(shù)的使用，簡(jiǎn)單介紹了cast 的使用方法，除此之外，它還支持很多其他類型，在這沒(méi)有多多介紹，對(duì)Golang 類型轉(zhuǎn)換庫(kù) cast相關(guān)知識(shí)感興趣的朋友一起看看吧2021-11-11
如何利用Go語(yǔ)言實(shí)現(xiàn)LRU?Cache
這篇文章主要介紹了如何利用Go語(yǔ)言實(shí)現(xiàn)LRU?Cache，LRU是Least?Recently?Used的縮寫，是一種操作系統(tǒng)中常用的頁(yè)面置換算法，下面我們一起進(jìn)入文章了解更多內(nèi)容吧,需要的朋友可以參考一下2022-03-03
本文旨在深入探討Go語(yǔ)言的編譯機(jī)制和最新的模塊管理系統(tǒng)——Go Modules,通過(guò)詳細(xì)的示例和步驟,我們將演示從簡(jiǎn)單的 “Hello World” 程序到使用第三方庫(kù)的更復(fù)雜項(xiàng)目的開發(fā)過(guò)程,感興趣的朋友跟隨小編一起看看吧2024-05-05
Golang的Fork/Join實(shí)現(xiàn)代碼
Fork/Join本質(zhì)上是一種任務(wù)分解，將一個(gè)很大的任務(wù)分解成若干個(gè)小任務(wù)，然后再對(duì)小任務(wù)進(jìn)一步分解，直到最小顆粒度，然后并發(fā)執(zhí)行，對(duì)Golang的Fork/Join實(shí)現(xiàn)代碼感興趣的朋友跟隨小編一起看看吧2023-01-01
這篇文章主要給大家介紹了關(guān)于golang bufio包中Write方法的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02
string 作為 go 語(yǔ)言中的基礎(chǔ)類型，其實(shí)有一些需要反復(fù)揣摩的，可能是我們使用的場(chǎng)景太簡(jiǎn)單，也可能是我們不需要那可憐的一點(diǎn)優(yōu)化來(lái)提高性能，對(duì)它也就沒(méi)那么上心了2023-01-01
這篇文章主要是對(duì)零值和空值判斷現(xiàn)狀進(jìn)行簡(jiǎn)單的梳理和分享,文中的示例代碼講解詳細(xì),對(duì)我們深入了解go語(yǔ)言有一定的幫助,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-08-08
golang 設(shè)置web請(qǐng)求狀態(tài)碼操作
這篇文章主要介紹了golang 設(shè)置web請(qǐng)求狀態(tài)碼操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-12-12
Go?WEB框架使用攔截器驗(yàn)證用戶登錄狀態(tài)實(shí)現(xiàn)
這篇文章主要為大家介紹了Go?WEB框架使用攔截器驗(yàn)證用戶登錄狀態(tài)實(shí)現(xiàn)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
Go-Web框架中AOP方案的實(shí)現(xiàn)方式
本文主要介紹了Go-Web框架中AOP方案的實(shí)現(xiàn)方式，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06