[Go] Go语言实战-基于websocket浏览器通知的实现

mob604756fb8908 · · 1162 次点击 · · 开始浏览    
这是一个创建于 的文章,其中的信息可能已经有所发展或是发生改变。

当我们使用了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消息字段进行区分判断,这里是需要自己来定义,也可以参考上面地址的源代码

 


有疑问加站长微信联系(非本文作者)

本文来自:51CTO博客

感谢作者:mob604756fb8908

查看原文:[Go] Go语言实战-基于websocket浏览器通知的实现

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:701969077

1162 次点击  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传