我注意到Facebook开始使用桌面的HTML5通知,我想我会开始涉足我的博客.我的想法非常简单:新的博客出来了,apache cronjob每隔X分钟运行一次并调用一个文件,做一些PHP巫术,然后发出通知.
我已经在线查看并找到了使用node.js和angular的示例,但我不习惯使用其中任何一个,所以我宁愿坚持使用PHP.
这是我的过程:用户访问我的博客,然后单击按钮以允许通知.为简洁起见,下面的代码在用户单击"通知"按钮时向用户发送通知.这非常有效,理论上应该将它们订阅到任何未来的通知.
if ('Notification' in window) { function notifyUser() { var title = 'example title'; var options = { body: 'example body', icon: 'example icon' }; if (Notification.permission === "granted") { var notification = new Notification(title, options); } else if (Notification.permission !== 'denied') { Notification.requestPermission(function (permission) { if (permission === "granted") { var notification = new Notification(title, options); } }); } } $('#notify').click(function() { notifyUser(); return false; }); } else { //not happening }
你可以看到上面的小提琴.
授予用户访问权限,现在我应该可以随时向他们发送通知.真棒!然后我写了一篇博客文章,其ID为XYZ.我的cronjob使用上面的node.js示例作为模板,调用以下PHP脚本.
(在这个例子中,我只是从我的手机上手动调用脚本并观看我的桌面屏幕.由于我的桌面是"订阅"到同一个域,我认为以下将/应该工作.)
$num = $_GET['num']; $db = mysql_connect(DB_HOST, DB_USER, DB_PASS); if($db) { mysql_select_db('mydb', $db); $select = "SELECT alert FROM blog WHERE id = ".$num." && alert = 0 LIMIT 1"; $results = mysql_query($select) or die(mysql_error()); $output = ''; while($row = mysql_fetch_object($results)) { $output .= ""; $update = "UPDATE blog SET alert = 1 WHERE id = ".$num." && alert = 0 LIMIT 1"; mysql_query($update) or die(mysql_error()); } echo $output; }
然后我检查数据库和博客条目XYZ的"警报"现在设置为"1",但我的桌面浏览器从未收到通知.由于我的浏览器订阅了推送通知的相同URL,我想我会收到一条消息.
要么我做错了(也许PHP不是正确的语言?),或者我误解了规范.有人能指点我正确的方向吗?我想我错过了什么.
非常感谢.
更新1
根据评论,如果我只是用它调用一个脚本:
var title = 'new blog!'; var options = { body: 'come read my new blog!', icon: 'same icon as before or maybe a new one!' }; var notification = new Notification(title, options);
它应该命中所有订阅我的通知的设备.我在手机上试过这个,但我的桌面仍然没有收到通知.我仍然认为我错过了一些东西,因为我的通知似乎只停留在一个设备上,并且只能在页面加载或点击时调用,而不是Facebook,即使页面未在浏览器中打开,它也会向您发送通知.
您的问题是缺少连接Javascript和PHP的AJAX.PHP脚本的工作方式是手动运行脚本,因此只有访问该脚本的设备才会看到通知.现在没有任何东西可以将该信息实际发送到您的其他设备.
为了更好地解释问题,您的桌面可能已允许访问通知,但它不会自动提取这些通知.您提供的代码需要使用AJAX来访问脚本URL,而不是将其用作cron作业.
首先,您需要启动对PHP脚本的重复请求,以查看是否有任何更新的通知.如果有新通知,则需要使用返回的响应创建新的通知对象.
其次,您需要更改PHP脚本以输出JSON字符串而不是通知脚本.
JSON输出示例:
{ { title: 'new blog!', options: { body: 'come read my new blog!', icon: 'same icon as before or maybe a new one!' } }, { title: 'another blog item!', options: { body: 'come read my second blog!', icon: 'hooray for icons!' } } }
你notifyUsers()
应该把title
它option
作为参数而不是硬编码:
function notifyUser(title, options) { ... }
使用jQuery,获取PHP响应并创建通知:
function checkNotifications(){ $.get( "/path/to/script.php", function( data ) { // data is the returned response, let's parse the JSON string json = JSON.parse(data); // check if any items were returned if(!$.isEmptyObject(json)){ // send each item to the notify function for(var i in json){ notifyUser(json[i].title, json[i].options); } } }); setTimeout(checkNotifications, 60000); // call once per minute }
现在,您只需要启动AJAX轮询,将其添加到您的网页:
$(document).ready(checkNotifications);
这就是它!当您的桌面需要提取通知时,您只是错过了该部分.抬头,虽然没有经过测试,你可能需要调整一些东西.