Go語言實作之基於websocket瀏覽器通知功能

當我們使用了websocket技術實現了實時的推送訪客來到訊息,但是我們只能隨時看著頁面不離開才能知道有訪客來到

#現在增加瀏覽器的通知訊息,就可以只要打開著介面,不用一直盯著,幹別的事去就可以了,有新消息會從右下角彈出來

測試地址如下,當有訪客點擊諮詢按鈕時,客服後台會彈出提示:

https://gofly.sopans.com/index

首先要明確一點,現在的通知只能在https的環境下使用, 非https , 不能使用瀏覽器通知,Notification.permission返回的是禁止

  notify(title, options, callback) {
          // 先检查浏览器是否支持
          if (!window.Notification) {
            return;
          }
          var notification;
          // 检查用户曾经是否同意接受通知
          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: "内容",
            icon: "头像"
          }, function(notification) {

            notification.close();

});

websocket部分就是監聽onmessage方法,根據返回的json訊息字段進行區分判斷,這裡是需要自己來定義,也可以參考上面地址的源代碼

#相關學習推薦：Go語言教學

以上是Go語言實作之基於websocket瀏覽器通知功能的詳細內容。更多資訊請關注PHP中文網其他相關文章！