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。