electron比较全比较新,在github的文档也比较多,但是都是英文的,我是蛮喜欢的,因为它跟atom有很多关联,并且蛮好玩的,写好的包拉进它的"浏览器"里面就能运行。
Electron, 虽然其并不支持windows xp, 看看用Electron开发的软件吧:Atom, Slack, visual studio Code等等,观察http://github.com你会发现electron的关注是越来越多,而nwjs则停滞不前,所以说选择electron是在选择未来。
之前自己在公司做过一个桌面应用,当然基于前端技术,C++就暂不提了,做过太多项目了,已经是过去时,当时选择具体采用那种去做,思考了许久,然后看了一些博客和论坛的程序员的看法,最终还是选择了Electron来开发。话不多说 先看下项目运行效果图。
electrongithub网址:https://github.com/szwacz/electron-boilerplate
nwjs官方网址:http://nwjs.io/
接下来看下目录和代码
需要自己写的内容有 页面代码即app这个文件夹 还有一个package.json文件
其中name 和main这两个是必填项,其他可选,设置一个入口 这里是index.html文件,程序打开就显示该文件显示对应的页面内容。app里面就没什么好说的,都是前端的相关代码文件 ,js css image 等文件。
编写index.html文件完成之后,双击打开nw.exe就可以直接运行项目了。或者在命令行里打开nw.exe文件 后面可带参数执行。
nw.js打包步骤(windows下)
我们把项目中的index.html和package.json文件 如下:
然后将index.html和package.json这两个文件压缩到一个zip压缩包里,命名为app.zip
现在app.zip这个压缩包里的内容应该是这样的:
然后把app.zip这个文件的扩展名改为nw,变为 app.nw
因为nw文件的运行需要node-webkit环境的支持,所以我们还需要把app.nw这个文件跟node-webkit的环境文件一起打包成一个可执行文件。
首先打开windows的cmd,然后输入如下命令:
copy /b nw.exe+app.nw app.exe
生成的安装包文件就是app.exe