如何用HTML5开发桌面应用

基于node.js和chromium的应用程序实时运行环境，可运行通过HTML(5)、CSS(3)、Javascr足毂忍珩ipt来编写的本地应用程序。 node.js和webkit的结合体，webkit提供DOM操作，node.js提供本地化操作；且将二者的context完全整合，可在HTML代 码中直接使用node.js的API。

工具/原料

node-webkit

获取node-webkit

1、 支持的平台：Windows 32bit，Linux 32/64bit，Mac 32bit(OS X 10.7+) 选择与平台相对应的版本，下载并安装即可。

2、上面这是一个简单nw应用的目录结构，如果nw应用中需要用到额外的node_module，可以在目录结构中增加一个node_modules的目录，以存放APP所需的node插件。 其实，一个最最简单的nw应用，只需要有mail.html和package.json文件即可，如下：

4、 其中，main和name是必选字段，更多配置字段，可参考官方地址：https://github.com/rogerwang/node-webkit/wiki/Manifest-Format

5、主窗口mail.html的写法 随意写，和普通的前端页面开发方式一样！

6、最简单的HelloWorlda）、目录结构

8、c）、main.html文件代码

10、e）、最终效果

12、去掉外框后的运行效果：

生成多平台APP

1、nw包制作

3、#! shapp_name="system-info"# 创建app.n嘛术铹砾w文件rm-rf outputcd../ &&rm-rf output &&mkdiroutputcp-r $app_name/* outputrm-rf output/Info.plist output/build.sh output/app.icnscdoutput/find. -typed -name".svn"|xargsrm-rfzip -r ../app.nw * >/dev/null;rm-rf * &&cd../ &&mvapp.nw output/mvoutput $app_name/ &&cd$app_nameecho"create nw file success!"#下载基础包svn co svn://localhost/node-webkit-baseoutput >/dev/null#创建mac版本appcdoutputunzip mac-os-x.zip -d mac-os-x >/dev/nullrm-rf mac-os-x.zip mac-os-x/nwsnapshotif[ -f ../Info.plist ];thencp../Info.plist mac-os-x/node-webkit.app/Contents/ficpapp.nw mac-os-x/node-webkit.app/Contents/Resources/if[ -f ../app.icns ];thencp../app.icns mac-os-x/node-webkit.app/Contents/Resources/fimvmac-os-x/node-webkit.app mac-os-x/$app_name.appecho"create mac os app success!"#创建windows版本appunzip win-32.zip -d win-32 >/dev/nullrm-rf win-32.zip win-32/nwsnapshotcpapp.nw win-32/ &&cdwin-32catnw.exe app.nw > $app_name.exerm-rf nw.exe nwsnapshot.execd..echo"create windows app success!"#删除app.nwrm-f app.nw