当我们使用了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消息字段进行区分判断,这里是需要自己来定义,也可以参考上面地址的源代码
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“Go语言实现基于websocket浏览器通知功能”评论...
更新动态
2024年05月06日
2024年05月06日
- 【古典音乐】卡拉扬《首次录音(7)》2006[FLAC+CUE整轨]
- 【古典音乐】卡拉扬《首次录音(7)》2006[FLAC+CUE整轨]
- 梅艳芳《极品珍藏24K金碟》[WAV+CUE][730MB]
- 郑秀文《靓声天碟》[WAV+CUE][730MB]
- 群星《二十周年精选 高级发烧友试机必选》[WAV+CUE][650MB]
- 【古典音乐】卡拉扬《首次录音(8)》2006[FLAC+CUE整轨]
- 吴俊宏.2014-爱着你【豪记】【WAV+CUE】
- 名洋.1990-分手摆在胸口【天下唱片】【WAV+CUE】
- 罗大佑.2018-当年离家的年轻人巡回演唱会【大右音乐】【WAV+CUE】
- 姜育恒.1991-金曲精丫永声】【WAV+CUE】
- 水木年华.2010-启程【英皇星艺】【WAV+CUE】
- 邓丽君《漫步人生路》[DSF][1.3G]
- 林俊杰《学不会》[DSF][1.3G]
- 费玉清《Ultimate Sound》SACD 限量版[DSF][2G]
- 杨耀东.2002-经典金曲珍藏版2CD【东尼机构】【WAV+CUE】