资源预览内容
第1页 / 共4页
第2页 / 共4页
第3页 / 共4页
第4页 / 共4页
亲,该文档总共4页全部预览完了,如果喜欢就下载吧!
资源描述
学 IT 技能上我学院网 woxueyuan.com如何用 HTML5打造本地桌面应用HTML5 让 Web 开发人员用纯 HTML 技术开发富客户端互联网应用或者甚至本地桌面应用成为了可能。HTML5 可以将任何普通网站转变成 Web 应用。HTML5 web 应用不仅具有在桌面浏览器应用中的优势,同时在智能手机和平板中也是开发利器。在手机端,有一个非常棒的工具叫做 PhoneGap,使用这个快速开发平台,任何人都可以使用 HTML5+CSS3+JavaScript 开发出安卓,iOS 等应用。 PhoneGap 的最好的一个特点是,你并不需要联网,不需要连接 web 服务器,你可以从把它当成本地桌面应用。一旦下载到本地,它和本地原生应用一样可以离线使用。学 IT 技能上我学院网 woxueyuan.com通常我们会感觉网上有很多有趣的 HTML 应用,但这些应用非要你打开浏览器,输入网址。其实我们更喜欢直接点击桌面的一个图标就启动一个程序的这种体验。用 HTML5+js 开发的本地桌面应用就是要提高给用户这种体验,除了上面说的 PhoneGap,还有一些像Pokki 和 Chrome Package Apps 或 Mozilla XUL Runner 都是开发 HTML5 本地桌面应用的框架。Pokki 和 Chrome 不仅可以用来开发 HTML5 桌面应用,而且可以把这些应用放到交易市场中出售。另外一个有趣的工具是 Node-Webkit,本文下面内容主要讨论的将是它。Node-Webkit 是一个基于 Chromium 和 Node.js 运行平台。它能让你把 HTML5 应用打包成本地桌面应用或游戏安装到 Windows、Linux 或 Mac 系统中。Node-Webkit 项目是由英特尔开源技术中心开发,发起人是王文睿。为什么 Node-WebKit是开发 HTML5本地桌面应用的最佳选择1. Node-WebKit 能把你的 HTML5 应用打包成本地桌面应用,在 Windows、Linux或 Mac 平台上,你不需要其它依赖就可以独立运行你的 HTML5 应用。2. 它支持 Node.js。你可以使用 Node.js 的所有模块来开发你喜欢的 app 或游戏。不仅你可以使用 Node.js 原生的模块,而且可以使用第三方的 node.js 模块。学 IT 技能上我学院网 woxueyuan.com如何使用 Node-Webkit开发 HTML5本地桌面应用这非常简单,像传统的开发你的 HTML5 应用一样开发它们,完成之后用 Node-Webkit打包它。打包的方法是1、先下载 Node-Webkit2、然后创建一个包文件命名为 package.json, 写入下面的代码:name: nw-demo,main: index.html这里的“name”是你应用的名称,“main”是你的应用的启动文件,也就是应用启动是第一加载的文件。3、将你的 HTML5 应用文件和 package.json 一起打包成 zip4、重命名 zip 文件,将其后缀变成 .nw ,比如 app.nw5、现在你就可以用 node-webkit runtime 来运行你的 app 了在 Linux 上的运行命令是学 IT 技能上我学院网 woxueyuan.com./nw app.nw在 Windows 平台上你可以直接把你的 app.nw 拖拽到 nw.exe 程序上就行了。6、想让你的应用更容易传播和发布,可以将它和 node-webkit 封装到一起,也就是将你的 HTML5 应用 app.nw 和 nw.exe 合成一个可执行文件。在 Linux 上的做法是cat /usr/bin/nw app.nw app & chmod +x app在 Window 上的做法是copy /b nw.exe+app.nw app.exe你可以看看这个 wiki 文档,里面有更详细的介绍。希望这篇文章对你有所帮助。
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号