Node-webkit 介绍

时间 2020-08-10

标签 node webkit 介绍繁體版

原文原文链接

什么是Node-webkit ?

Node-webkit 是Intelproject师rogerwang写的一个基于node.js和chromium的应用程序执行环境，经过node-webkit，咱们可以使用html/javascript/css编写pc桌面应用。javascript

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

项目地址：https://github.com/rogerwang/node-webkithtml

入门Demo

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

下载node-webkitnode

在https://github.com/rogerwang/node-webkit 下载相应操做系统的文件。解压就能够。git
建议将其加入到环境变量中。github

新建项目web

新建项目目录. C:/Users/keith/node/webkitdemo
新建 package.jsonnpm

<!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>

执行json

在命令行下:
```
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文件，再点击如下的addbutton加入C:/Users/keith/node/build/demo/win文件夹下的所有dll文件和nw.pak,再点击Files Opions，勾选compress压缩文件，最后点击Process。完毕。

总结

经过node-webkit可以很是方便的开发一些pc桌面应用，再结合node.js又可以开发出很是多有趣的东西，比方结合node.js建立本地server，操做本地文件等等。

可以高速的开发出跨平台应用。不太好的地方就是打包后的应用体积较大，即便压缩后也有3。40M。