用HTML5打造本地桌面應用
HTML5讓Web開發人員用純HTML技術開發富客戶端網際網路應用或者甚至本地桌面應用成為了可能。HTML5可以將任何普通網站轉變成Web應用。HTML5 web 應用不僅具有在桌面瀏覽器應用中的優勢,同時在智慧手機和平板中也是開發利器。
在手機端,有一個非常棒的工具叫做PhoneGap,使用這個快速開發平臺,任何人都可以使用HTML5+CSS3+JavaScript開發出安卓,iOS等應用。PhoneGap的最好的一個特點是,你並不需要聯網,不需要連線web伺服器,你可以從把它當成本地桌面應用。一旦下載到本地,它和本地原生應用一樣可以離線使用。
通常我們會感覺網上有很多有趣的HTML應用,但這些應用非要你開啟瀏覽器,輸入網址。其實我們更喜歡直接點選桌面的一個圖示就啟動一個程式的這種體驗。用HTML5+js開發的本地桌面應用就是要提高給使用者這種體驗,除了上面說的PhoneGap,還有一些像Pokki和Chrome Package Apps或Mozilla XUL Runner都是開發HTML5本地桌面應用的框架。
Pokki和Chrome不僅可以用來開發HTML5桌面應用,而且可以把這些應用放到交易市場中出售。
另外一個有趣的工具是Node-Webkit,本文下面內容主要討論的將是它。
Node-Webkit是一個基於Chromium和Node.js執行平臺。它能讓你把HTML5應用打包成本地桌面應用或遊戲安裝到Windows、Linux或Mac系統中。Node-Webkit專案是由英特爾開源技術中心開發,發起人是王文睿。
為什麼Node-WebKit是開發HTML5本地桌面應用的最佳選擇
-
Node-WebKit能把你的HTML5應用打包成本地桌面應用,在Windows、Linux或Mac平臺上,你不需要其它依賴就可以獨立執行你的HTML5應用。
-
它支援Node.js。你可以使用Node.js的所有模組來開發你喜歡的app或遊戲。不僅你可以使用Node.js原生的模組,而且可以使用第三方的node.js模組。
如何使用Node-Webkit開發HTML5本地桌面應用
這非常簡單,像傳統的開發你的HTML5應用一樣開發它們,完成之後用Node-Webkit打包它。打包的方法是
1. 先下載Node-Webkit
2. 然後建立一個包檔案命名為package.json, 寫入下面的程式碼:
{ "name": "nw-demo", "main": "index.html" }