如何让你的WEB项目有类似APP推送功能_已迁移

最新推荐文章于 2024-10-15 10:20:47 发布

??yy

最新推荐文章于 2024-10-15 10:20:47 发布

阅读量169

点赞数

文章标签：网络

原文链接：https://my.oschina.net/Majw/blog/841765

版权

为什么80%的码农都做不了架构师？>>>

直接上个例子 link

function showNotice() {   
    Notification.requestPermission(function (perm) {  
        if (perm == "granted") {  
            var notification = new Notification("这是一个通知撒:", {  
                dir: "auto",  
                lang: "hi",  
                tag: "testTag",  
                icon: "https://static.cnblogs.com/images/adminlogo.gif",  
                body: "通知content"  
            });  
        }  
    })  
}

先说下websocket吧，WebSocket 规范是 HTML 5 中的一个重要组成部分，已经被很多主流浏览器所支持，也有不少基于 WebSocket 开发的应用。正如名称所表示的一样，WebSocket 使用的是套接字连接，基于 TCP 协议，可用于任意的客户端和服务器程序。WebSocket目前由W3C进行标准化。WebSocket已经受到Firefox 4、Chrome 4、Opera 10.70以及Safari 5等浏览器的支持，主要用于s/c的数据通信，但以上的例子不是双向通信，而是单项消息推送，客户端只接收消息提示并查看就行了，接下来我在浏览器里找了下，发现了这个：

　　内容设置-通知-例外管理，发现了消息通知的的来源，是各大网站的设定的端口号，可知其工作原理是服务器端设置好通知服务，在特定时间向客户端推送相关内容，并且此时用户不一定在浏览当前推送网址的来源网页，只要开着浏览器并且没用禁止网站消息通知就可以接收通知，所以相对于以前网页右下方弹出div的提醒方式，这种方式显得比较高大上；

　　后来在查阅相关资料的时候发现了浏览器桌面通知这个功能，也就是Desktop Notification这个啦，基本的回调方式是这样的

1	`Notification.requestPermission(callback);`

　　比如运行这个浏览器就会提示：

　　其工作流程大致是检测用户是否同意执行，这个方法用于向用户请求获得消息提醒的权限，调用这个方法将产生如下效果，分别对应着3中状态：“granted”（状态值：0）表示用户同意消息提醒；“default”（状态值：1）表示默认状态，用户既未拒绝，也未同意；“denied”（状态值：1）表示用户拒绝消息提醒。只有在状态值为0的时候才能够允许消息提醒，这个值保存在一个内部变量中，并且是只读的，通过checkPermission()方法可以提取到这个状态值: