今天小編給大家分享一下node-webkit怎么使用的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
“node-webkit”是一個基于“node.js”和chromium的應用程序運行環境；該環境可以將建立在瀏覽器和“node.js”上的web應用打包成桌面應用，也就是利用HTML、css和JavaScript來編寫PC桌面應用。
本文操作環境：Windows10系統、nodejs 12.19.0版、Dell G3電腦。
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?？墒悄軌蚴褂胣ode.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> <h2>Hello Node-webkit</h2> 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怎么使用”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
