[Go] Go语言实战-基于websocket浏览器通知的实现
2023-02-18 15:36:27 时间
当我们使用了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消息字段进行区分判断,这里是需要自己来定义,也可以参考上面地址的源代码
相关文章
- JQ + PHP + TrackMore物流信息跟踪
- 入门级 – 码云(Gitee),GitHub 教程
- git 删除某次指定的提交
- Linux – 查看用户列表
- Linux – 文件/目录、权限相关
- Linux – 常用操作及命令
- Sublime Text3 PHP开发环境配置攻略
- php执行系统外部命令函数:exec()、passthru()、system()、 shell_exec()
- Linux – 基于CentOS搭建FTP文件服务
- 使用PHPCompatibility进行PHP跨版本兼容性检查
- 说一件比较糟心的事情(关于PHP)
- 禁止Google Adsense撑破父类 避免破坏手机网页样式
- 如何让Windows的命令行窗口CMD以及Powershell支持UTF8字符集(编码)
- Redis的安装 – Linux
- linux下安装node
- git配置项目
- Mysql(Linux服务器)root用户密码忘记重置方法
- 利用Mongoose来结构化模式与验证
- 报错mongoose.connection.db.collectionnames is not a function
- 3.从Node.js操作MongoDB文档