今天小編給大家分享一下node-webkit怎么使用的相關(guān)知識點，內(nèi)容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

創(chuàng)新互聯(lián)專注于安國網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供安國營銷型網(wǎng)站建設(shè)，安國網(wǎng)站制作、安國網(wǎng)頁設(shè)計、安國網(wǎng)站官網(wǎng)定制、重慶小程序開發(fā)公司服務(wù)，打造安國網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供安國網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

“node-webkit”是一個基于“node.js”和chromium的應(yīng)用程序運行環(huán)境；該環(huán)境可以將建立在瀏覽器和“node.js”上的web應(yīng)用打包成桌面應(yīng)用，也就是利用HTML、css和JavaScript來編寫PC桌面應(yīng)用。

本文操作環(huán)境：Windows10系統(tǒng)、nodejs 12.19.0版、Dell G3電腦。

node-webkit是什么

node-webkit 是一個基于node.js和chromium的應(yīng)用程序運行環(huán)境，通過它我們可以把建立在chrome瀏覽器和node.js上的web應(yīng)用打包成桌面應(yīng)用，而且還可以跨平臺的哦。很顯然比起傳統(tǒng)的桌面應(yīng)用，在某些特定領(lǐng)域用html5+css3+js開發(fā)的web應(yīng)用更加簡單和高效，而且還可以使用node.js的功能，所以node-webkit還是很有用處的。它使得那些只會javaScript和HTML的程序員也能開發(fā)桌面應(yīng)用，并且它是開源的。

也即是說我們可以通過HTML，CSS，JavaScript實現(xiàn)一個本地化的應(yīng)用程序。整個項目最具創(chuàng)意的部分就是將node.js整合進來，使得應(yīng)用開發(fā)者能夠直接在DOM里使用node.js模塊，大大增強了Web端JavaScript的能力。該項目是由Intel開源項目中心開發(fā)與維護的。

事實上能夠理解為還是編寫web app?？墒悄軌蚴褂胣ode.js的api，最后將整個應(yīng)用連瀏覽器打包公布出去。所以它不受平臺限制（使用到node.js調(diào)用操作系統(tǒng)api除外），一份代碼打包到相應(yīng)平臺公布就可以，假設(shè)有了解過phonegap/cordova。這個node-webkit和它們是非常類似的。僅僅是多了node.js這一塊。

這里介紹使用node-webkit開發(fā)一個項目的操作流程。

下載node-webkit

在https://github.com/rogerwang/node-webkit 下載對應(yīng)操作系統(tǒng)的文件。解壓即可。建議將其添加到環(huán)境變量中。

新建項目

新建項目文件夾. C:/Users/keith/node/webkitdemo

新建 package.json

 
 
   
     
   
   
     
Hello Node-webkit
         Node.js version: .
   
 

運行

在命令行下:

 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  //運行程序

此時你可以選擇直接將編譯后的文件夾壓縮發(fā)布出去，也可以選擇再將編譯后的文件夾打包為一個exe文件，直接發(fā)布這個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怎么使用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。