/

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

使用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文件:

1
2
3
4
5
<html>
<body>
<p>測試</p>
</body>
</html>

我們還需要一個package.json文件:

1
2
3
4
{
"name": "我的網絡應用程式",
"main": "index.html"
}

這就是代碼的全部內容!真的很簡單。

現在要運行應用程式,從網站https://github.com/rogerwang/node-webkit下載你所使用的平臺的運行時,然後你可以執行以下命令:

1
2
3
4
5
6
7
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文件。

tags: [“node-webkit”, “desktop applications”, “packaging”, “distributing”]