前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >[Go] Go语言实战-基于websocket浏览器通知的实现

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

作者头像
唯一Chat
发布2020-07-28 15:01:00
4850
发布2020-07-28 15:01:00
举报
文章被收录于专栏:陶士涵的菜地

当我们使用了websocket技术实现了实时的推送访客来到消息,但是我们只能随时看着页面不离开才能知道有访客来到

现在增加浏览器的通知消息,就可以只要打开着界面,不用一直盯着,干别的事去就可以了,有新消息会从右下角弹出来

测试地址如下,当有访客点击咨询按钮时,客服后台会弹出提示:

https://gofly.sopans.com/index

首先要明确一点,现在的通知只能在https的环境下使用 , 非https , 不能使用浏览器通知,Notification.permission返回的是禁止

代码语言:javascript
复制
             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);
                        }
                    }
             },
代码语言:javascript
复制
notify("标题", {
                        body: "内容",
                        icon: "头像"
                    }, function(notification) {

                        notification.close();

});

websocket部分就是监听onmessage方法,根据返回的json消息字段进行区分判断,这里是需要自己来定义,也可以参考上面地址的源代码

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-07-27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档