golang:Go语言实现之基于websocket浏览器通知功能

 所属分类:php教程

 浏览:203次-  评论: 0次-  更新时间:2022-09-30
描述:更多教程资料进入php教程获得。 php入门到就业线上直播课:进入学习API 文档、设计、调试、自动化测试一体化协作工具:点击使用当我们使用...
更多教程资料进入php教程获得。

php入门到就业线上直播课:进入学习
API 文档、设计、调试、自动化测试一体化协作工具:点击使用

当我们使用了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浏览器通知功能的详细内容,更多请关注zzsucai.com其它相关文章!

积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!