本文作者h(yuǎn)tml5tricks，轉(zhuǎn)載請(qǐng)注明出處

在手機(jī)端，有一個(gè)非常棒的工具叫做PhoneGap，使用這個(gè)快速開發(fā)平臺(tái)，任何人都可以使用HTML5+CSS3+JavaScript開發(fā)出安卓，iOS等應(yīng)用。PhoneGap的最好的一個(gè)特點(diǎn)是，你并不需要聯(lián)網(wǎng)，不需要連接web服務(wù)器，你可以從把它當(dāng)成本地桌面應(yīng)用。一旦下載到本地，它和本地原生應(yīng)用一樣可以離線使用。

通常我們會(huì)感覺網(wǎng)上有很多有趣的HTML應(yīng)用，但這些應(yīng)用非要你打開瀏覽器，輸入網(wǎng)址。其實(shí)我們更喜歡直接點(diǎn)擊桌面的一個(gè)圖標(biāo)就啟動(dòng)一個(gè)程序的這種體驗(yàn)。用HTML5+js開發(fā)的本地桌面應(yīng)用就是要提高給用戶這種體驗(yàn)，除了上面說的PhoneGap，還有一些像Pokki和Chrome Package Apps或Mozilla XUL Runner都是開發(fā)HTML5本地桌面應(yīng)用的框架。

Pokki和Chrome不僅可以用來(lái)開發(fā)HTML5桌面應(yīng)用，而且可以把這些應(yīng)用放到交易市場(chǎng)中出售。

另外一個(gè)有趣的工具是Node-Webkit，本文下面內(nèi)容主要討論的將是它。

Node-Webkit是一個(gè)基于Chromium和Node.js運(yùn)行平臺(tái)。它能讓你把HTML5應(yīng)用打包成本地桌面應(yīng)用或游戲安裝到Windows、Linux或Mac系統(tǒng)中。Node-Webkit項(xiàng)目是由英特爾開源技術(shù)中心開發(fā)，發(fā)起人是王文睿。

為什么Node-WebKit是開發(fā)HTML5本地桌面應(yīng)用的最佳選擇

Node-WebKit能把你的HTML5應(yīng)用打包成本地桌面應(yīng)用，在Windows、Linux或Mac平臺(tái)上，你不需要其它依賴就可以獨(dú)立運(yùn)行你的HTML5應(yīng)用。

它支持Node.js。你可以使用Node.js的所有模塊來(lái)開發(fā)你喜歡的app或游戲。不僅你可以使用Node.js原生的模塊，而且可以使用第三方的node.js模塊。

如何使用Node-Webkit開發(fā)HTML5本地桌面應(yīng)用

這非常簡(jiǎn)單，像傳統(tǒng)的開發(fā)你的HTML5應(yīng)用一樣開發(fā)它們，完成之后用Node-Webkit打包它。打包的方法是

先下載Node-Webkit

然后創(chuàng)建一個(gè)包文件命名為package.json, 寫入下面的代碼：

{

"name": "nw-demo",

"main": "index.html"

}

這里的“name”是你應(yīng)用的名稱，“main”是你的應(yīng)用的啟動(dòng)文件，也就是應(yīng)用啟動(dòng)是第一加載的文件。

將你的HTML5應(yīng)用文件和package.json一起打包成zip

重命名zip文件，將其后綴變成 .nw ，比如app.nw

現(xiàn)在你就可以用node-webkit runtime來(lái)運(yùn)行你的app了在Linux上的運(yùn)行命令是

./nw app.nw

在Windows平臺(tái)上你可以直接把你的app.nw拖拽到 nw.exe 程序上就行了。

想讓你的應(yīng)用更容易傳播和發(fā)布，可以將它和node-webkit封裝到一起，也就是將你的HTML5應(yīng)用 app.nw 和 nw.exe 合成一個(gè)可執(zhí)行文件。在Linux上的做法是

cat /usr/bin/nw app.nw > app && chmod +x app

在Window上的做法是

copy /b nw.exe+app.nw app.exe

你可以看看這個(gè)wiki文檔，里面有更詳細(xì)的介紹。希望這篇文章對(duì)你有所幫助。

總結(jié)

以上是生活随笔為你收集整理的java h5 桌面应用_用HTML5打造本地桌面应用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。