当我们使用了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语言教程

更多相关文章

  1. Apollo 源码解析 —— Config Service 通知配置变化
  2. 【竞价网站绝技】根据访客ip,页面显示访客所属城市的html代码(借用
  3. PHP开发微信支付代码及支付通知处理
  4. MySQL定时检查是否宕机并邮件通知
  5. Cloud Pub / Sub Demo:403未授权用户执行此操作。当试图推送通知
  6. Android 通知(Notification)的基本用法
  7. android自定义通知,android自定义Notification
  8. android发送通知及更新通知
  9. Android实现桌面图标通知数量角标

随机推荐

  1. Android控件阴影效果的几种实现方法
  2. Android 应用程序中使用 Internet 数据(XM
  3. Android UI基础——ImageView&ImageButto
  4. android日记
  5. Android(安卓)系统Action大全
  6. android的常用开发包
  7. 显示倒计时的Dialog
  8. android调用系统发送短信 和 已发送短信
  9. Android(安卓)Broadvast简介
  10. 基于ANDROID的网上订餐系统