HTML5跨平臺開發(fā)

基于HTML5的跨平臺移動APP開發(fā)研究

隨著移動網(wǎng)絡開發(fā)技術的不斷發(fā)展，智能手機的速度越來越快，功能越來越多，涌現(xiàn)了大量的APP應用。然而，目前移動網(wǎng)絡開發(fā)仍以原生APP開發(fā)為主，同一應用需要針對不同的智能手機系統(tǒng)開發(fā)不同的原生APP應用。例如，目前比較流行的保衛(wèi)蘿卜游戲，若想在傳統(tǒng)臺式計算機上玩，需要下載和安裝PC版的游戲安裝包；若想在iPhone上玩，需要下載和安裝iPhone版的游戲APP安裝包；若想在安卓手機上玩，需要下載和安裝安卓版的游戲APP安裝包。這就需要游戲開發(fā)者針對不同的平臺分別開發(fā)相應的客戶端，不但增加了開發(fā)難度，維護成本也比較高。因此，適時進行基于HTML5的跨平臺移動APP開發(fā)研究具有一定的現(xiàn)實意義。

一、HTML5及跨平臺的概念

所謂HTML5，是指第五代HTML標準，簡稱H5，也可以理解為HTML標準的第五個版本，廣義上的H5一般包括HTML、CSS3和JAVAScript等，目前大部分瀏覽器均支持HTML5。

所謂跨平臺，即指編寫一次代碼，可以運行在多個系統(tǒng)平臺之上，不必再根據(jù)不同的平臺開發(fā)相應的客戶端，且可以在多個平臺下開發(fā)和維護，目前很多語言實現(xiàn)了跨平臺，例如JAVA、Delhi、Python和HTML5等。

二、利用HTML5開發(fā)擴平臺移動APP的優(yōu)勢

（1）跨平臺：原生APP開發(fā)模式下，開發(fā)者需要針對不同的系統(tǒng)平臺分別開發(fā)相應的APP客戶端，例如，iOS系統(tǒng)平臺下需要用OC或者Swift等開發(fā)iOSAPP客戶端，安卓系統(tǒng)平臺下需要用JAVA或者Kotlin等開發(fā)安卓APP客戶端。而HTML5具有跨平臺優(yōu)勢，能夠擺脫系統(tǒng)平臺的限制，擁有較好的跨品臺特性。

（2）語義特性：HTML5具有語義清晰的優(yōu)勢，它賦予了移動APP具有更好的意義和結(jié)構(gòu)，使得代碼更清晰，更容易被維護人員或者其他開發(fā)者維護和閱讀。

（3）本地存儲：HTML5具有存儲優(yōu)勢，通常將緩存數(shù)據(jù)存儲到本地，比cookie更優(yōu)秀，具有更快的性能，且不需要第三方插件就能夠?qū)⒂脩粜畔⒑途彺鏀?shù)據(jù)存儲到本地，即使退出后也能夠保存到本地，當用戶再次使用時能夠加載上一次運行時的狀態(tài)。

（4）開放的數(shù)據(jù)交換：HTML5能夠很方便的實現(xiàn)與其他APP應用交換數(shù)據(jù)，例如用戶在基于HTML5的購物APP上查看了某種商品，其瀏覽數(shù)據(jù)會緩存在手機上，如果該購物APP允許其他應用查看這一部分緩存數(shù)據(jù)，那么其他APP應用就會很容易得到并使用這些數(shù)據(jù)，比如其他新聞APP應用可以通過這種方式獲取開放的數(shù)據(jù)，有針對性的投放廣告。

（5）多媒體功能較強：HTML5不需要第三方插件就能支持更多的媒體，不僅具有很好地視頻和音頻支持，還具有很好地3D支持，使得基于HTML5的跨品臺移動APP的界面更絢麗多彩。

（6）安全性較高：HTML5相對于Flash和Cookie等具有更高的安全性，采用沙箱機制、過濾措施和安全策略等手段提高了安全性，從而保證了基于HTML5的跨平臺移動APP的安全性。

（7）API豐富HTML5新增了大量的API，方便開發(fā)者簡單調(diào)用就可以實現(xiàn)較復雜的功能，境地了開發(fā)難度，提高了開發(fā)效率。

三、基于HTML5的跨平臺移動APP的開發(fā)策略

3.1跨平臺移動APP開發(fā)范圍的選擇

不是所有移動APP都適合利用HTML5來進行開發(fā)，具體主要體現(xiàn)為以下幾點：①原生APP性能毋庸置疑是最快的，在相同功能條件下基于HTML5的跨平臺移動APP的運行速度肯定沒有原生APP快，因此對速度要求比較高的移動APP不適合用HTML5來進行開發(fā)。②HTML5開發(fā)的移動APP雖然具有跨平臺的優(yōu)勢，且具有本地存儲和開發(fā)的數(shù)據(jù)交換優(yōu)勢，但重要的數(shù)據(jù)容易泄露給其他移動APP，容易導致重要數(shù)據(jù)被惡意移動APP竊取，因此含有重要數(shù)據(jù)信息的單機版的移動APP不適合用HTML5來進行開發(fā)。③基于HTML5的跨平臺移動APP開發(fā)適合具有服務器的應用場景，即重要的數(shù)據(jù)存儲在Web服務器上，用HTML5開發(fā)的跨平臺移動APP客戶端僅查詢和接收數(shù)據(jù)，只是將不重要的數(shù)據(jù)緩存至本地，與其他APP進行開放數(shù)據(jù)交換。目前大多數(shù)移動應用都是此類應用，因此利用HTML5開發(fā)跨平臺移動APP具有很大的用武之地。

3.2跨平臺移動APP開發(fā)工具的選擇

利用HTML5開發(fā)跨平臺移動APP的工具很多，如PhoneGap、WeX5和Hbuilder等等，具體介紹如下：①Phone-Gap出現(xiàn)最早，能夠利用HTML5快速實現(xiàn)跨平臺移動APP，且具有非常強大的跨平臺優(yōu)勢，能夠夸蘋果、安卓、WinPhone和黑莓手機等等平臺，但性能稍差，且調(diào)試難度較大。②WeX5是較優(yōu)秀的國產(chǎn)移動APP開發(fā)工具，是基于PhoneGap開發(fā)的，同樣能夠利用HTML5快速開發(fā)跨平臺移動APP，但其性能體驗不佳，用戶量較小，含有不穩(wěn)定因素，且缺少第三方SDK支持。③Hbuilder是國內(nèi)的數(shù)字天堂推出的移動APP開發(fā)工具，主要由JAVA編寫，部分用到了C和Ruby等編程語言，具有完整詳細的語法提示和快速開發(fā)模板，能夠大幅提升跨平臺移動APP的開發(fā)效率。

3.3跨平臺移動APP技術構(gòu)架的選擇

基于HTML5的跨平臺移動APP開發(fā)技術構(gòu)架主要包括以下兩個：

（1）以Web技術為主的混合構(gòu)架，該構(gòu)架以原生Web容器為基礎，將用HTML5編寫的Web應用打包至原生Web容器上，從而形成以Web技術為主的混合式構(gòu)架。該構(gòu)架能夠充分利用原有的Web代碼，具有降低開發(fā)難度和減少維護成本的優(yōu)勢。

（2）以原生為主的混合構(gòu)架，該構(gòu)架以原生技術為主，移動APP功能主要通過原生技術實現(xiàn)，僅界面使用HTML5來實現(xiàn)。該構(gòu)架能夠充分發(fā)揮原生技術的性能，具有性能優(yōu)勢，但實現(xiàn)難度相對較大。

3.4跨平臺移動APP開發(fā)的前景展望

綜上所述，利用HTML5開發(fā)擴平臺移動APP具有很大的優(yōu)勢，在商業(yè)上能夠提高跨平臺開發(fā)的效率、降低開發(fā)的成本，技術上HTML5在短短幾年已經(jīng)改變了移動互聯(lián)網(wǎng)的格局，很大程度上縮小了原生APP的應用范圍。

總結(jié)

文章進行了基于HTML5的跨平臺移動APP開發(fā)的研究，介紹了HTML5和跨平臺的概念，闡述了利用HTML5開發(fā)擴平臺移動APP的優(yōu)勢，提出了基于HTML5的跨平臺移動APP的開發(fā)策略。經(jīng)過較長時間的開發(fā)實踐，發(fā)現(xiàn)利用該策略能夠有效地利用HTML5實現(xiàn)跨平臺移動APP開發(fā)，不僅使得開發(fā)難度得到降低，還大大較少了維護成本，具有一定的參考價值。

以上就是我們深圳市組創(chuàng)微電子有限公司為您介紹的基于HTML5的跨平臺移動APP開發(fā)技術。如果您有智能電子產(chǎn)品的軟硬件功能開發(fā)需求，可以放心交給我們，我們有豐富的電子產(chǎn)品定制開發(fā)經(jīng)驗，可以盡快評估開發(fā)周期與IC價格，也可以核算PCBA報價。我們是多家國內(nèi)外芯片代理商：松翰、應廣、杰理、安凱、全志、realtek，有MCU、語音IC、藍牙IC與模塊、wifi模塊。我們的擁有硬件設計與軟件開發(fā)能力。涵蓋了電路設計、PCB設計、單片機開發(fā)、軟件定制開發(fā)、APP定制開發(fā)、微信公眾號開發(fā)、語音識別技術、藍牙wifi開發(fā)等。還可以承接智能電子產(chǎn)品研發(fā)、家用電器方案設計、美容儀器開發(fā)、物聯(lián)網(wǎng)應用開發(fā)、智能家居方案設計、TWS耳機開發(fā)、藍牙耳機音箱開發(fā)、兒童玩具方案開發(fā)、電子教育產(chǎn)品研發(fā)。