如何使用Go語言實現(xiàn)websocket瀏覽器通知功能

如何使用Go語言實現(xiàn)websocket瀏覽器通知功能？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

當(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消息字段進(jìn)行區(qū)分判斷,這里是需要自己來定義,也可以參考上面地址的源代碼

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注億速云行業(yè)資訊頻道，感謝您對億速云的支持。