使用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，這只是一個開始。例如，你可以隱藏帶有地址和調試器的頂欄，設置菜單項目，並且基本上可以滿足你的所有需求。

現在，讓我們深入探討如何打包和分發應用程式。

解壓從node-webkit官網下載的node-webkit.app包。

右鍵點擊，“顯示包內容”，進入Contents/Resources目錄，將使用以下命令建立的app.nw文件複製到該目錄中：

$ zip -r app.nw ./

或者，將應用程式目錄複製到該目錄中，並將其命名為“app.nw”。

完成！現在，你可以在Contents/Info.plist文件中更改默認圖標和屬性。

下載最新的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”]