使用node-webkit創建桌面應用程式

在本篇文章中,我將介紹如何使用node-webkit在Mac和Windows上部署和建立網絡應用程式的安裝包。 注意:本篇文章可能過時,內容可能不再適用於最新的版本。 首先,聲明一下:我不會涉及到運行Node.js代碼的部分,只會講解如何打包一個網絡應用程式可以在Mac和Windows上運行。雖然Linux也可以使用node-webkit,但我不會涵蓋這部分的內容。 node-webkit是由其創建者稱為web runtime的工具。 它基於Chromium(儘管名稱如此)和Node.js。它讓我們可以直接從DOM中調用Node.js代碼和模塊,並為使用Web技術編寫的本地應用程式提供了新的可能性。 在本篇文章中,我只是介紹了node-webkit的基本功能,通過為一個網絡應用程式建立和部署一個安裝包,在Mac和Windows上運行,就像運行本地應用程式一樣。 運行應用程式 首先,讓我們來介紹index.html文件: <html> <body> <p>測試</p> </body> </html> 我們還需要一個package.json文件: { "name": "我的網絡應用程式", "main": "index.html" } 這就是代碼的全部內容!真的很簡單。 現在要運行應用程式,從網站https://github.com/rogerwang/node-webkit下載你所使用的平臺的運行時,然後你可以執行以下命令: 1) $ alias nw="open -n -a node-webkit '/PATH\_TO\_APP\_DIRECTORY/' $ ./nw 2) cd /PATH\_TO\_APP\_DIRECTORY/ zip -r app.nw ./ 現在,你已經創建了一個應用程式的安裝包。在Mac上,你可以雙擊運行,或者在Windows上拖動到node-webkit應用程式上運行。 你還可以根據需要在package.json文件中添加許多選項https://github.com/rogerwang/node-webkit/wiki/Manifest-format,這只是一個開始。例如,你可以隱藏帶有地址和調試器的頂欄,設置菜單項目,並且基本上可以滿足你的所有需求。 現在,讓我們深入探討如何打包和分發應用程式。 在Mac上打包應用程式 解壓從node-webkit官網下載的node-webkit.app包。 右鍵點擊,“顯示包內容”,進入Contents/Resources目錄,將使用以下命令建立的app.nw文件複製到該目錄中: $ zip -r app.nw ./ 或者,將應用程式目錄複製到該目錄中,並將其命名為“app.nw”。 完成!現在,你可以在Contents/Info.plist文件中更改默認圖標和屬性。 在Windows上打包應用程式 下載最新的Windows安裝包。 將使用Zip建立的.nw文件複製到該安裝包目錄中,與nw.exe放在一起,並將其命名為app.nw。 運行以下命令: copy /b nw.exe+app.nw app.exe 現在,你可以移除nw.exe和app.nw文件,壓縮該目錄並分發這個安裝包。用戶需要下載這個zip文件,解壓縮後運行其中包含的app.exe文件。