在本篇文章中,我將介紹如何使用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文件。