如何用HTML5开发桌面应用

　如何使用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

在Window上的做法是

copy

/b

nw.exe+app.nw

app.exe

肯定可以的，很多桌面应用或手机APP都是基于B/S架构，去了解下 Electron + vue.js MVVM 框架，适合SPA单页应用；学习成本不高，应该很快可以掌握的，毕竟复杂的开发工具和库大神们已经完成了；

一般来说，html5的功能展示是依赖于浏览器的。浏览器提供了多少可调用的接口，使用html5就可以实现多少功能。但是浏览器一般不会实现html5完全访问或控制本地资源的权限，所以实现的功能还是有限的。\x0d\x0a 不过目前也有许多通过html5+css+js甚至结合其他语言实现的桌面程序。例如目前可以采用的方案举几个例子：\x0d\x0a1、Node-WebKit\x0d\x0a1.1 Node-WebKit能把HTML5应用打包成本地桌面应用，在Windows、Linux或Mac平台上，不需要其它依赖就可以独立运行你的HTML5应用。\x0d\x0a1.2支持Node.js。可以使用Node.js的所有模块来开发app或游戏。不仅可以使用Node.js原生的模块，而且可以使用第三方的node.js模块。\x0d\x0a2、heX 是网易有道团队的一个开源项目，允许采用前端技术（HTML，CSS，JavaScript）开发桌面应用软件的跨平台解决方案。这个项目目前处于停滞状态。\x0d\x0a3、自己开发一下基于浏览器框架的应用。例如基于谷歌浏览器核心，前端使用浏览器渲染功能结合html5+css+js,后端使用c++开发。

---