浅谈Nodejs开发桌面应用 针对nw.js

       electron比较全比较新,在github的文档也比较多,但是都是英文的,我是蛮喜欢的,因为它跟atom有很多关联,并且蛮好玩的,写好的包拉进它的"浏览器"里面就能运行。

      Electron, 虽然其并不支持windows xp, 看看用Electron开发的软件吧:Atom, Slack, visual studio Code等等,观察http://github.com你会发现electron的关注是越来越多,而nwjs则停滞不前,所以说选择electron是在选择未来。

       之前自己在公司做过一个桌面应用,当然基于前端技术,C++就暂不提了,做过太多项目了,已经是过去时,当时选择具体采用那种去做,思考了许久,然后看了一些博客和论坛的程序员的看法,最终还是选择了Electron来开发。话不多说 先看下项目运行效果图。

浅谈Nodejs开发桌面应用 针对nw.js_第1张图片
浅谈Nodejs开发桌面应用 针对nw.js_第2张图片

electrongithub网址:https://github.com/szwacz/electron-boilerplate

nwjs官方网址:http://nwjs.io/


浅谈Nodejs开发桌面应用 针对nw.js_第3张图片
nw.js  hello world程序运行效果图

接下来看下目录和代码

浅谈Nodejs开发桌面应用 针对nw.js_第4张图片

需要自己写的内容有 页面代码即app这个文件夹 还有一个package.json文件


浅谈Nodejs开发桌面应用 针对nw.js_第5张图片
package.json文件内容

其中name 和main这两个是必填项,其他可选,设置一个入口  这里是index.html文件,程序打开就显示该文件显示对应的页面内容。app里面就没什么好说的,都是前端的相关代码文件 ,js  css image  等文件。

编写index.html文件完成之后,双击打开nw.exe就可以直接运行项目了。或者在命令行里打开nw.exe文件 后面可带参数执行。


nw.js打包步骤(windows下)

我们把项目中的index.html和package.json文件 如下:

浅谈Nodejs开发桌面应用 针对nw.js_第6张图片

然后将index.html和package.json这两个文件压缩到一个zip压缩包里,命名为app.zip


现在app.zip这个压缩包里的内容应该是这样的:

浅谈Nodejs开发桌面应用 针对nw.js_第7张图片
app.zip

然后把app.zip这个文件的扩展名改为nw,变为 app.nw

浅谈Nodejs开发桌面应用 针对nw.js_第8张图片

因为nw文件的运行需要node-webkit环境的支持,所以我们还需要把app.nw这个文件跟node-webkit的环境文件一起打包成一个可执行文件。

首先打开windows的cmd,然后输入如下命令:

copy /b nw.exe+app.nw app.exe

生成的安装包文件就是app.exe

你可能感兴趣的:(浅谈Nodejs开发桌面应用 针对nw.js)