html5 让 web 开发人员用纯 HTML 技术开发富客户端互联网应用或者甚至本地桌面应用成为了可能. HTML5 可以将任何普通网站转变成 Web 应用. HTML5 Web 应用不仅具有在桌面浏览器应用中的优势, 同时在智能手机和平板中也是开发利器.
在手机端, 有一个非常棒的工具叫做 PhoneGap http://phonegap.com/ , 使用这个快速开发平台, 任何人都可以使用 HTML5+CSS3+JavaScript 开发出安卓, iOS 等应用. PhoneGap 的最好的一个特点是, 你并不需要联网, 不需要连接 Web 服务器, 你可以从把它当成本地桌面应用. 一旦下载到本地, 它和本地原生应用一样可以离线使用.
通常我们会感觉网上有很多有趣的 HTML 应用, 但这些应用非要你打开浏览器, 输入网址. 其实我们更喜欢直接点击桌面的一个图标就启动一个程序的这种体验. 用 HTML5+JS 开发的本地桌面应用就是要提高给用户这种体验, 除了上面说的 PhoneGap, 还有一些像 Pokki 和 Chrome Package Apps 或 Mozilla XUL Runner 都是开发 HTML5 本地桌面应用的框架.
Pokki 和 Chrome 不仅可以用来开发 HTML5 桌面应用, 而且可以把这些应用放到交易市场中出售.
另外一个有趣的工具是 Node-Webkit https://github.com/rogerwang/node-webkit , 本文下面内容主要讨论的将是它.
Node-Webkit 是一个基于 Chromium 和 Node.JS 运行平台. 它能让你把 HTML5 应用打包成本地桌面应用或游戏安装到 Windows,Linux 或 Mac 系统中. Node-Webkit 项目是由英特尔开源技术中心开发, 发起人是王文睿.
为什么 Node-WebKit 是开发 HTML5 本地桌面应用的最佳选择
Node-WebKit 能把你的 HTML5 应用打包成本地桌面应用, 在 Windows,Linux 或 Mac 平台上, 你不需要其它依赖就可以独立运行你的 HTML5 应用.
它支持 Node.JS. 你可以使用 Node.JS 的所有模块来开发你喜欢的 App 或游戏. 不仅你可以使用 Node.JS 原生的模块, 而且可以使用第三方的 node.JS 模块.
如何使用 Node-Webkit 开发 HTML5 本地桌面应用
这非常简单, 像传统的开发你的 HTML5 应用一样开发它们, 完成之后用 Node-Webkit 打包它. 打包的方法是
先下载 Node-Webkit
然后创建一个包文件命名为 package.JSON, 写入下面的代码:
- {
- "name": "nw-demo",
- "main": "index.html"
- }
这里的 "name" 是你应用的名称,"main" 是你的应用的启动文件, 也就是应用启动是第一加载的文件.
将你的 HTML5 应用文件和 package.JSON 一起打包成 zip
重命名 zip 文件, 将其后缀变成 .nw , 比如 App.nw
现在你就可以用 node-webkit runtime 来运行你的 App 了在 Linux 上的运行命令是 ./nw App.nw
在 Windows 平台上你可以直接把你的 App.nw 拖拽到 nw.exe 程序上就行了.
想让你的应用更容易传播和发布, 可以将它和 node-webkit 封装到一起, 也就是将你的 HTML5 应用 App.nw 和 nw.exe 合成一个可执行文件. 在 Linux 上的做法是
cat /usr/bin/nw App.nw> App && chmod +x App
在 Windows 上的做法是
copy /b nw.exe+App.nw App.exe
你可以看看这个 wiki 文档 https://github.com/rogerwang/node-webkit/wiki , 里面有更详细的介绍. 希望这篇文章对你有所帮助. 欢迎关注我们的微博 @歪脖骇客 http://weibo.com/forehack 来参与我们的讨论.
来源: http://www.webhek.com/post/html5-native-desktop-app.html