node-webkit是啥意思-前端问答-PHP中文网

首页

web前端

前端问答

node-webkit是啥意思

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Feb 28, 2022 pm 04:33 PM

nodejs

“node-webkit”是一个基于“node.js”和chromium的应用程序运行环境；该环境可以将建立在浏览器和“node.js”上的web应用打包成桌面应用，也就是利用HTML、css和JavaScript来编写PC桌面应用。

node-webkit是啥意思

本文操作环境：Windows10系统、nodejs 12.19.0版、Dell G3电脑。

node-webkit是啥意思

node-webkit 是一个基于node.js和chromium的应用程序运行环境，通过它我们可以把建立在chrome浏览器和node.js上的web应用打包成桌面应用，而且还可以跨平台的哦。很显然比起传统的桌面应用，在某些特定领域用html5+css3+js开发的web应用更加简单和高效，而且还可以使用node.js的功能，所以node-webkit还是很有用处的。它使得那些只会javaScript和HTML的程序员也能开发桌面应用，并且它是开源的。

也即是说我们可以通过HTML，CSS，JavaScript实现一个本地化的应用程序。整个项目最具创意的部分就是将node.js整合进来，使得应用开发者能够直接在DOM里使用node.js模块，大大增强了Web端JavaScript的能力。该项目是由Intel开源项目中心开发与维护的。

事实上能够理解为还是编写web app。可是能够使用node.js的api，最后将整个应用连浏览器打包公布出去。所以它不受平台限制（使用到node.js调用操作系统api除外），一份代码打包到相应平台公布就可以，假设有了解过phonegap/cordova。这个node-webkit和它们是非常类似的。仅仅是多了node.js这一块。

这里介绍使用node-webkit开发一个项目的操作流程。

下载node-webkit

在https://github.com/rogerwang/node-webkit 下载对应操作系统的文件。解压即可。建议将其添加到环境变量中。

新建项目

新建项目文件夹. C:/Users/keith/node/webkitdemo

新建 package.json

 <!DOCTYPE html>
 <html>
   <head>
     <title>Hello World!</title>
   </head>
   <body>
     <h1>Hello Node-webkit</h1>
         Node.js version: <script>document.write(process.version)</script>.
   </body>
 </html>

运行

在命令行下:

 npm install node-webkit-builder -g
 cd C:/Users/keith/node/
 nwbuild -p win C:/Users/keith/node/webkitdemo/
 cd build/demo/win/
 ./demo.exe  //运行程序

此时你可以选择直接将编译后的文件夹压缩发布出去，也可以选择再将编译后的文件夹打包为一个exe文件，直接发布这个exe文件，如果要这样做的话需要一个一个工具Enigma Virtual Box,安装之后运行Enigma virtual box

在Enter Input File Name选择C:/Users/keith/node/build/win/demo.exe文件，再点击下面的add按钮添加C:/Users/keith/node/build/demo/win目录下的所有dll文件和nw.pak,再点击Files Opions，勾选compress压缩文件，最后点击Process，完成。

总结

通过node-webkit可以很方便的开发一些pc桌面应用，再结合node.js又可以开发出很多有趣的东西，比如结合node.js创建本地服务器，操作本地文件等等。可以快速的开发出跨平台应用，不太好的地方就是打包后的应用体积较大，即使压缩后也有3，40M。

推荐学习：《nodejs视频教程》

以上是node-webkit是啥意思的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn