node-webkit是啥意思

WBOY
發布: 2022-02-28 16:33:16
原創
2883 人瀏覽過

「node-webkit」是一個基於「node.js」和chromium的應用程式運行環境;該環境可以將建立在瀏覽器和「node.js」上的web應用程式打包成桌面應用,也就是利用HTML、css和JavaScript來編寫PC桌面應用程式。

node-webkit是啥意思

本文操作環境: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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!