《建構HTML5移動應用的十個技巧》

原文見：

http://www.fromdev.com/2015/02/building-html5-mobile-apps.html

用HTML5建構移動應用可以讓有經驗的Web開發者快速進入移動應用開發領域，許多公司已經開始使用HTML5和JavaScript開發商業移動應用了。

作者：chszs，轉載需注明。部落格首頁：

http://blog.csdn.net/chszs

随着基于HTML5的移動作業系統的逐漸流行，比如Firefox OS和Sailfish OS，建立HTML5應用程式的概念也從興起到變得流行。現在開發者對編寫HTML5應用也很感興趣，用HTML5确實能開發出優秀的産品，其背後也有巨頭們的支援，例如Adobe、谷歌和亞馬遜。

建立一個基本的HTML5應用是很容易的，但建立一個優秀的HTML5應用，并把它釋出到應用程式商店，就需要建立計劃了。是以，本文我強調了一些開發者在進入HTML5應用開發領域之前必須考慮的關鍵因素。并且在最後我會介紹目前最流行的基于HTML5開發的應用。您可能還需要考慮選擇什麼樣的HTML5應用程式開發工具。

當開發HTML5應用時要考慮的事情

下面是你要編寫一個應用HTML5之前應該仔細考慮的幾件事情：

1、計劃優秀的使用者體驗

無論是網站還是應用程式，給使用者提供最愉快的體驗一定是你的首要任務。在你開始寫代碼之前，考慮一下使用者可能的期望以及使用者可能會怎樣與應用程式進行互動。在紙上畫出你的應用程式，并計劃您将如何編寫程式。一旦有了計劃，你就可以輕松地開始編碼。

2、選擇合适的應用程式類型

什麼樣的應用程式才适合您？打包的還是托管的，您需要考慮的問題不少。打包的應用程式是單個ZIP檔案，使用者可以從應用商店裡直接下載下傳并安裝，而托管的應用程式需要租賃Web伺服器。每種應用類型都各有其優缺點。是以，哪些類型的應用才最适合你的使用者，并滿足您的要求，這成為重要的決定。

3、盡可能使用模闆

在建構應用程式的同時，你應該考慮采用預建的模闆和代碼片段。大多數應用程式和架構都提供了一個啟動項目，以幫助加快應用程式的開發。使用這些啟動想買可以降低整體的開發成本，節省大量寶貴的時間。

4、確定多作業系統的支援

建立一個應用程式時還應該考慮支援不同的作業系統。為了確定您的應用程式能在Android、黑莓、iOS等系統都能工作良好，你需要建立檢查點來檢測應用程式使用的環境，并使用類似于PhoneGap這樣的架構或任何其他等效的Web API庫來實作對多作業系統的支援。

5、考慮螢幕尺寸

在今天的市場上有多種裝置，其中每一種裝置都可能有不同的螢幕尺寸，而且機會在未來還會推出更多類型的裝置。是以，你不應該隻開發适用于一兩種裝置的應用程式。相反，應該盡可能适應任何螢幕尺寸。請記住，應用程式支援的裝置類型越多，接受的人也就更多。

6、讓釋出包盡可能小

由于移動裝置的存儲空間很小，你需要保持釋出封包件的尺寸盡可能小。這樣使用者可獲得更快的經驗。受無線連接配接速度太慢的影響也就越小。是以，要做的一切就是——用GZIP壓縮。減少使用者的資料流量消費。

7、提供離線支援

假設使用者總是能夠通路網際網路，這是應用程式開發者常犯的錯誤。雖然打包的應用程式通常不需要任何網絡連接配接（而托管應用程式需要），離線支援可以很好地維持使用者的體驗，同時也能降低偶爾發生的網絡短時中斷的影響。是以，要讓你的應用程式支援離線。

8、注意語言本地化

如果想鼓勵使用者使用應用程式，你就不能将它設計為面向某個特定的裝置。相反把它設計成支援通用的裝置。大多數基于HTML5的移動作業系統（如Firefox OS）都有較大的非英語使用者群，是以應用程式的本地化變得極為重要。無論是打包的應用程式，還是托管的應用程式，都應該根據使用者的區域提供本地化服務。

9、在部署之前進行測試

無論你建立的應用程式有多大的吸引力、運作多麼良好，如果你在釋出前忘記了對它進行測試，那麼你的努力可能會變質。應用程式真正面臨的嚴峻考驗是，使用者從來都不會考慮對應用程式進行測試，使用者會認為應用程式就是可用的。是以，開發者需要測試它，了解哪些功能是可以接受的，哪些功能需要做一些改進。

10、最好是提供免費下載下傳

最後一點，盡可能讓你的應用程式支援免費下載下傳。付費應用是為了賺錢，但最好不要迫使潛在使用者直接購買，因為他們更傾向于免費試用應用。你仍然可以使用類似于RevMob和Playhaven等廣告服務API來賺錢。如果你的應用程式是免費的應用，那麼毫無疑問，你會得到最大的下載下傳數量。