Node-WebKit推送信息调研
Node-WebKit推送信息调研
番茄工作法的流程
1、 父窗口与弹出框交互:传/回参数。
2、 消息框的触发方式:时间/点击。
3、 基本流程:弹出下一个任务,是否继续:Y/N,默认为Y。
4、 实例
Demo网址:
http://alloyteam.github.io/AlloyTimer/
改为消息弹出框的形式来表示
Node-webkit的源码
https://github.com/rogerwang/node-webkit
提供多个版本
0.9.2: (Feb 20, 2014, based off of Node v0.11.9, Chrome 32.0.1700.107)
v0.10.0-rc2: (Jul 18, 2014, based off of Node v0.11.13, Chromium 35.0.1916.113)
0.8.6: (Apr 18, 2014, based off of Node v0.10.22, Chrome 30.0.1599.66)
API说明:
https://github.com/rogerwang/node-webkit/wiki
node-webkit框架不支持window.notification,但是webkit内核是支持window.notification。为什么会不支持呢?
Window.webkitNotification
1、目前主流的web应用(QQ)的消息提醒都是由Window.webkitNotification实现的。
2、chrome从35版本(2014.5月末宣布)后不支持Window.webkitNotification
Node-webkit version |
0.8.6 |
0.9.2(NercOA) |
0.10.0 |
Node.js version |
0.10.22 |
0.11.9 |
0.11.13pre |
Browser version |
Chrome30.0.1599.66 |
Chromium32.0.1700.17 |
Chromium35.0.1916.113 |
Support webkitNotification |
√ |
√ |
Х |
Support notification |
√ |
√ |
√ |
Window.Notifications
窗口应用的API
1、Browser compatibility(兼容性)
- Desktop
Feature |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari |
Basic support |
5 webkit (see notes) 22 |
4.0 moz (see notes) 22 |
Not supported |
? |
6 (see notes) |
2、Chrome notes
- Prior to Chrome 22, the support for notification was following an old prefixed version of the specification and was using the navigator.webkitNotifications object to instantiate a new notification.
- Prior to Chrome 32, Notification.permission was not supported.
现有的消息弹出框
1、Chrome自带的APP应用:Eye Rest Notification
2、Chrome-app-samples/rich-notification
源码:
https://github.com/GoogleChrome/chrome-app-samples/tree/master/rich-notifications
文档:
https://developer.chrome.com/apps/notifications
NERCOA源文件
弹出窗口的触发事件
nw-desktop-notifications-rest
nw-desktop-notifications-work
弹出框定义
alloytimer
node-webkit-chrome-api-stubs-master
chrome api 根是为了node-webkit更好地调用现存的chromium app,保证实现常有的chrom apis功能,起码不会抛出错误。
Node Webkit Notification
node-webkit 0.9.1不支持webkitNotifications,所以chrome API根通过改写webkitNotification API 包装了nw-desktop-notification 库。
已经调通,父窗口弹出子窗口,子窗口带有边框。
A、 最新版本的node-webkit不可以运行该程序
B、 nercOA1.5.3版本可以运行该程序
源码:
https://github.com/jamesmortensen/node-webkit-chrome-api-stubs
nw-desktop-notifications
已经调通,可以在右上方弹出一个对话框。
注:需要修改index.html和nw-desktop-notification.html的链接:
A、下载jquery.min.js文件
B、将修改为script src="./jquery.min.js"></script>
其是node-webkit-chrome-api-stubs-master消息推送的改进版本。
基于窗口的消息推送,有窗口边框,将窗口边框去除了。当最小化后,程序就关闭了;消息间的传递效果不好(赟鹏)。
源码:
https://github.com/robrighter/nw-desktop-notifications
特点:不稳定,修改几次代码就会出现无法弹出对话框。
关闭父窗口后,消息框不会自动消息(关闭父窗口时,消息框也需要关闭)
程序的流程:
Index.html—nw-desktop-notifications.js--nw-desktop-notification.html
node-desktop-notifications-master
未调试成功
需要使用到socket.io
Jquery.notification
基于windows notification内核的消息推送demo,在右侧方弹出消息框,界面的效果好。可以打开页面,但是不能弹出消息。
效果展示页面:
http://azproduction.ru/jquery.notification/
源码:
https://github.com/azproduction/jquery.notification
讨论问题:
1、 node-webkit的消息推送有大量的依赖性
Take at notifications for node-webkit with a shitload of dependencies (Require.js, chaplin, TWEEN.js and so on).. sorry for that.
http://www.snip2code.com/Snippet/1525/Take-at-notifications-for-node-webkit-wi/
github的源码:
https://gist.github.com/miklschmidt/5896306
2、Node-webkit:子窗口调用父窗口
https://github.com/rogerwang/node-webkit/issues/456
附:node-webkit程序运行实例
You may also be interested in our demos repository and the List of apps and companies using node-webkit.
Quick Start
Create index.html:
<!DOCTYPE html>
<html>
<head>
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
We are using node.js <script>document.write(process.version)</script>.
</body>
</html>
Create package.json:
{
"name": "nw-demo",
"main": "index.html"
}
Compress index.html and package.json into a zip archive called app.nw:
$ zip app.nw index.html package.json
This should create a structure like this:
app.nw
|-- package.json
`-- index.html
Download the prebuilt binary for your platform and use it to open the app.nw file:
$ ./nw app.nw
Note: on Windows, you can drag the app.nw to nw.exe to open it.
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。