Chrome Notification

扫描二维码

Chrome在42+的版本上支持了Notification的功能，这个功能不是基于chrome插件和chrome扩展的，而是基于chrome的
service work功能，一个运行在chrome后台的服务，再利用chrome的Google Cloud Messaging for Android、 Cloud Messaging for Chrome
提供的服务来实现，用网页也能提醒到用户的通知功能, 也支持android系统的手机，需要安装chrome42+。

好处是在浏览器关闭的时候你的网站也能发送通知到用户，这样就能让你的用户再次点击打开你的网站，是不是很酷？

下面我们就看看怎么来实现这样一个通知功能，首先需要一些准备工作。

1、 在Google Developer Console 创建一个项目，获得这个project number


project number

2、 在API & auth- > api 启用 Google Cloud Messaging for Android、Cloud Messaging for Chrome.


api

3、 在 Credentials 下创建一个key,并选择server类型

api

4、 下载官方实例代码

  • 复制一份config.sample.js 并重命名为 config.js
  • 复制一份manifest.sample.json并重命名为 manifest.json
  • 在 config.js 文件中，替换 ““ 为3步骤中的project number
  • 在 manifest.json 文件中，替换 ““ 为1步骤中的key

5、本地用localhost方式打开，正常打开的话，并Enable Push Message会显示如下：



6、然后拷贝提示的给你的命令，我这的是

curl --header "Authorization: key=AIzaSyAYEz9hsORDlEAiOPJZoLbA_YWLYsVxr6g" --header Content-Type:"application/json" https://android.googleapis.com/gcm/send -d "{\"registration_ids\":[\"APA91bE359pv1hrC97l3avpCCfEVOC2H_JVC5eltBtbF6UcKbirzJjcbABu1Upp93O3I7dPI7INuR7eXQJbITNSC_gbMEyfJVvR_5ahe3Keyy9b6-xuP_a6WPfOGbZNclRcdl8ZbrNgLSKws3sQNKHpOlPagRm4MQnwQ-McbVILrZ4Ac8Wz6lDQ\"]}"

拷贝你自己的命令在一个可以翻墙的服务器里面执行，原因你懂得



7、 然后就可以看到屏幕的右上角会pop出一个提示，就说明成功了



注意：
google的提醒服务是需要安全地址的，所以它要求如下：



参考：