我注意到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随后调用以下PHP脚本,使用上述node.js示例作为模板。
(在此示例中,我只是从手机手动调用脚本并观看桌面屏幕。由于我的桌面已经“订阅”了相同的域名,我认为以下内容会/应该起作用。)
$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 .= "<script>
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);
</script>";
$update = "UPDATE blog SET alert = 1 WHERE id = ".$num." && alert = 0 LIMIT 1";
mysql_query($update) or die(mysql_error());
}
echo $output;
}
我检查了数据库和博客条目XYZ的“alert”现在设置为“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 那样即使页面没有在浏览器中打开也会向您发送通知。