利用node-webkit如何把web打包成桌面应用
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了利用node-webkit如何把web打包成桌面应用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3241字，纯文字阅读大概需要5分钟。
内容图文
这篇文章主要介绍了windows环境下用node-webkit把web应用打包成桌面应用的教程,需要的朋友可以参考下node-webkit是一个Chromium和node.js上的结合体，通过它我们可以把建立在chrome浏览器和node.js上的web应用打包成桌面应用，而且还可以跨平台的哦。很显然比起传统的桌面应用，在某些特定领域用html5+css3+js开发的web应用更加简单和高效，而且还可以使用node.js的功能，所以node-webkit还是很有用处的。
下面我通过一个简单的demo来介绍怎么样把一个web应用打包成一个可执行文件（这里只介绍windows环境）
首先新建一个index.html文件，作为我们这个demo的入口页面，我们暂且就把这个页面当成一个完整的web应用吧。内容随便写点什么，比如：
然后创建配置文件 package.json,内容如下：
其中的main属性就是用来指定入口文件的，这个属性的值可以是本地文件，也可以是远程网址，这样就相当于可以把一个远程的web应用直接变为一个桌面应用了。
除了name与main这两个属性外，还有很多其他有用的属性可以配置，比如指定应用的图标，显不显示浏览器的工具栏，指定浏览器的初始大小等等，具体的配置参数文档可看这里https://github.com/rogerwang/node-webkit/wiki/Manifest-format
现在我们有了两个文件了。
然后将index.html和package.json这两个文件压缩到一个zip压缩包里，命名为app.zip
现在app.zip这个压缩包里的内容应该是这样的：
然后把app.zip这个文件的扩展名改为nw,变为 app.nw
然后下载一个windows版本的node-webkit,解压后得到一个文件夹：
之后我们之前得到的app.nw这个文件就可以用nw.exe来执行了，直接把app.nw拖到nw.exe上就可以了。运行结果如下：
跟在chrome中打开index.html这个页面的效果差不多，当然你可以通过配置package.json这个文件，来隐藏浏览器的工具栏或边框，来使它更像是一个桌面软件。
因为nw文件的运行需要node-webkit环境的支持，所以我们还需要把app.nw这个文件跟node-webkit的环境文件一起打包成一个可执行文件。
首先打开windows的cmd,然后输入如下命令：
copy /b nw.exe+app.nw app.exe
注意文件路径要根据你的实际情况进行变动，这里假设app.nw放在了node-webkit的主文件夹里，然后输出的app.exe也会在这个文件夹里。
执行命令后我们得到了 app.exe 这个可执行文件。
到了这步，我们已经得到了app.exe这个文件，但如果只有app.exe这个文件还是不够的，这个可执行文件的运行还需要几个dll文件的支持。
其中 nw.pak 与 icudt.dll 这个两个文件是必须要的。
ffmpegsumo.dll 文件是媒体支持文件，如果你的html页面中用到了<video>或<audio>或其它与媒体相关的东西，则必须带上这个文件。
libEGL.dll 和 libGLESv2.dll 这个两个文件则是使用webGL或GPU必须要的
最后我们得到的就是这样一个文件夹：
执行app.exe就可以运行我们的demo了。
但我们大多数人想的是给用户一个exe文件，用户就可以使用了，不用再附带一些其他文件。
嗯，所以我们还可以把app.exe跟其他的文件再打包一次，把上图中的所有文件变成一个可执行文件，用户只要得到这个文件，就能运行我们的应用了。
做这步我们需要一个软件叫Enigma Virtual Box，首先下载和安装这个软件，然后打开它。
然后在Enter Input File Name那里输入我们的app.exe的路径，在Enter Output File Name那里填写我们要把打包出来的可执行文件输出到哪里。最后是把除app.exe外的其它文件拖入到Files那里，遇到提示的话默认就可以了。
最后点击右下角的Process按钮，就大功告成了。
最后我们得到了一个 app_boxed.exe 的文件，只要把这个文件交给用户，用户就可以运行了。
node-webkit虽然方便，但有个很大的缺点是得到的可执行文件有点大，大家在可以在衡量利弊后决定使不使用。
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
使用原生JavaScript实现放大镜效果
在nodejs中通过redis作为缓存实现的封装缓存类
在Express中使用bcryptjs密码加密
以上就是利用node-webkit如何把web打包成桌面应用的详细内容，更多请关注Gxl网其它相关文章！
内容总结
以上是互联网集市为您收集整理的利用node-webkit如何把web打包成桌面应用全部内容，希望文章能够帮你解决利用node-webkit如何把web打包成桌面应用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。