序言

最近要做一个桌面提醒功能，类似tower的右侧弹出式提醒，这里给出一个快速集成方案吧，因为要研究的东西蛮多的，没有太多的时间去做。

传统方案

与服务器保持长连接
使用websocket与服务器保持长连接，监听服务器的请求，服务器端创建push给网页端，网页端收到消息。
html5 Notification
html5的notification,无论你在看哪个页面，只要有消息都应该能推送给我看到,并展示到桌面上，这就是webkitNotification要解决的问题。 Notification生成的消息不依附于某个页面，仅仅依附于浏览器。

自己搭建websocket和研究notification都有很大的学习成本，下一节介绍快速搭建方案。

基于LC push 的方案

LC ，leancloud，一个挺有名的sass服务吧，使得开发者只需要关注业务逻辑。
Github 仓库地址：https://github.com/leancloud/js-push-sdk ，

var push = AV.push({appId: appId,appKey: appKey});notify.requestPermission(0);// 可以链式调用push.open(function () {console.log('可以接收推送');});// 监听推送消息push.on('message', function (data) {console.log('message');console.log(JSON.stringify(data));notify.createNotification("通知", {body: data.alert, icon: "/img/icon-57.jpg"});});// 监听网络异常push.on('reuse', function () {console.log('网络中断正在重试');});console.log(window.sessionStorage.userId)push.subscribe([window.sessionStorage.userId], function (data) {console.log('关注新的频道');});

桌面提醒，推荐大写的HTML5-Desktop-Notifications
https://github.com/ttsvetko/HTML5-Desktop-Notifications

demo中用了angular，写了大段的配置，其实并没有太多的作用，平常用呢只用一行代码就够了，0，1，2的具体配置可以多研究下html5 的notification的api

notify.requestPermission(0);

在后台发推送，已解决

虽然实现了功能，但是有时间还是要对websocket和html5
的notification api进行深入研究才好O(∩_∩)O~

ITDogFire–sky

基于LC push的浏览器桌面提醒快速集成方案相关推荐

谷歌chrome浏览器桌面提醒 webkitNotifications
原创: //点击时开启提醒 $(".message_alert").toggle(function(){ $(".message_alert_tip").htm ...
Element 2.6.0 发布，基于 Vue 2.0 的桌面端组件库
开发四年只会写业务代码,分布式高并发都不会还做程序员? Element 2.6.0 发布了,Element 是一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,提供了配套设 ...
浏览器桌面通知（notifications）
近期在做公司后台管理系统,当有任务到来时,须要通知当事人,可是当事人有可能在做别的,浏览器有可能会被最小化,这样就非常难看到通知了.经过查找发现有些浏览器能够使用noitfications.能够在桌 ...
【Microsoft Azure 的1024种玩法】二十七. Azure Virtual Desktop虚拟桌面之快速创建配置（一）
[简介] Azure 虚拟桌面是在云中运行的桌面和应用虚拟化服务,我们可以通过Azure 的虚拟桌面设置多会话 Windows 11 或 Windows 10操作系统的部署,使整个 Windows ...
html5 桌面提醒参数,[HTML5]Notification桌面提醒功能
桌面提醒的介绍桌面通知功能能够让浏览器即使是最小化状态也能够将消息通知给用户.这和WebIM是最为天然的结合.弹出来的内容只能是文本,暂不支持HTML. Notification桌面提醒功能的好处 ...
基于JAVA的Web浏览器
摘要网页浏览器是一个软件程序,用于与www建立联结,并与之进行通信.它可以在www系统中根据链接确定信息资源的位置,并将用户感兴趣的信息资源取回来,对HTML文件进行解释,然后将文字图像显示出来,或 ...
Web的桌面提醒（Popup）
大多数Windows程序都有桌面提醒(Popup)功能,如Msn Messenger,Outlook2003,FoxMail,SharpReader等,对用户来说可以非常的方便最新的信息. 在Web中 ...
HTML5开发桌面提醒功能
桌面提醒的介绍桌面通知功能能够让浏览器即使是最小化状态也能将消息通知给用户.这和WebIM是最为天然的结合.不过,目前支持Desktop Notification功能的浏览器只有Chrome5+. ...
基于Linux的嵌入式浏览器的实现
随着信息技术与网络技术的快速发展,以及人们日常生活对网络信息的需求的不断增加.掌上电脑.上网本.手机.导航仪器.智能电视.智能家电等对嵌入式系统提出了更多更高的要求.在嵌入式系统中利用嵌入式浏览器获取 ...

基于LC push的浏览器桌面提醒快速集成方案

序言

传统方案

基于LC push 的方案

基于LC push的浏览器桌面提醒快速集成方案相关推荐

最新文章

热门文章