node-webkit是啥意思
「node-webkit」是一個基於「node.js」和chromium的應用程式運行環境；該環境可以將建立在瀏覽器和「node.js」上的web應用程式打包成桌面應用，也就是利用HTML、css和JavaScript來編寫PC桌面應用程式。
本文操作環境：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中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
nodejs和vuejs區別
Apr 21, 2024 am 04:17 AM
Node.js 是一種伺服器端 JavaScript 執行時，而 Vue.js 是一個客戶端 JavaScript 框架，用於建立互動式使用者介面。 Node.js 用於伺服器端開發，如後端服務 API 開發和資料處理，而 Vue.js 用於用戶端開發，如單一頁面應用程式和響應式使用者介面。
nodejs中的全域變數有哪些
Apr 21, 2024 am 04:54 AM
Node.js 中存在以下全域變數：全域物件：global核心模組：process、console、require執行階段環境變數：__dirname、__filename、__line、__column常數：undefined、null、NaN、Infinity、-Infinity
nodejs怎麼連接mysql資料庫
Apr 21, 2024 am 06:13 AM
要連接 MySQL 資料庫，需要遵循以下步驟：安裝 mysql2 驅動程式。使用 mysql2.createConnection() 建立連接對象，其中包含主機位址、連接埠、使用者名稱、密碼和資料庫名稱。使用 connection.query() 執行查詢。最後使用 connection.end() 結束連線。
nodejs安裝目錄裡的npm與npm.cmd檔有什麼差別
Apr 21, 2024 am 05:18 AM
Node.js 安裝目錄中有兩個與 npm 相關的文件：npm 和 npm.cmd，區別如下：擴展名不同：npm 是可執行文件，npm.cmd 是命令視窗快捷方式。 Windows 使用者：npm.cmd 可以在命令提示字元中使用，npm 只能從命令列執行。相容性：npm.cmd 特定於 Windows 系統，npm 跨平台可用。使用建議：Windows 使用者使用 npm.cmd，其他作業系統使用 npm。
nodejs可以寫前端嗎
Apr 21, 2024 am 05:00 AM
是的，Node.js可用於前端開發，主要優勢包括高效能、豐富的生態系統和跨平台相容性。需要考慮的注意事項有學習曲線、工具支援和社群規模較小。
nodejs和java的差別大嗎
Apr 21, 2024 am 06:12 AM
Node.js 和 Java 的主要差異在於設計和特性：事件驅動與執行緒驅動：Node.js 基於事件驅動，Java 基於執行緒驅動。單執行緒與多執行緒：Node.js 使用單執行緒事件循環，Java 使用多執行緒架構。執行時間環境：Node.js 在 V8 JavaScript 引擎上運行，而 Java 在 JVM 上運行。語法：Node.js 使用 JavaScript 語法，而 Java 使用 Java 語法。用途：Node.js 適用於 I/O 密集型任務，而 Java 適用於大型企業應用程式。
