H5是指在Web前端開發(fā)中開發(fā)出的一種基于HTML5、CSS3和JavaScript的移動端網(wǎng)頁技術(shù)。 H5 app則是基于H5技術(shù)開發(fā)出的一種在手機(jī)上運行的應(yīng)用程序。
基本介紹
H5 app 的優(yōu)勢在于開發(fā)成本低、跨平臺,可以運行于多個移動操作系統(tǒng)中,如iOS、Android等。其好處在于可以更快速地完成開發(fā)程序的工作,減少了編寫代碼的負(fù)擔(dān)和獲得的終端用戶的數(shù)目,同時帶來了更安全的應(yīng)用程序開發(fā),也更易于后期的維護(hù)和更新。
實現(xiàn)原理
H5 app 是基于Native shell 的混合應(yīng)用,其實現(xiàn)原理是將 UI 界面和 Native API WebView 交互,采用 HTML5 編寫,封裝以及通過 WebView 加載 web 版本容器,通過原生代碼實現(xiàn)和 native 交互來實現(xiàn) H5 app 的功能。即 WebView 將 HTML、CSS、JavaScript 加載到本地,并提供 native 的 API 給 H5 直接操作,自然也自然可以嵌入到原生應(yīng)用中。
優(yōu)點
1. 輕量級,相對于 Andrord 和 IOS 應(yīng)用來說,使用 HTML5 技術(shù)的 H5 app 是它們的輕量級替代品,原因是 HTML5 采用了 web 標(biāo)準(zhǔn)技術(shù),代碼量相對減少很多,傳輸下載也很快,更能節(jié)省用戶的流量、時間和手機(jī)空間。
2. 跨平臺,只要 Web 專業(yè)人員熟練掌握 HTML5、CSS3 和 JS 等前后端技能,就可以編寫出可在 iOS、Android 和其它平臺上運行的 H5 app。
3. 易于維護(hù),通過 HTML5 技術(shù),推出 H5 app 可以方便地進(jìn)行修改和更新,而不用重新發(fā)布到應(yīng)用商店,用戶也能夠第一時間收到更新消息。
4. 節(jié)約開發(fā)成本,相對應(yīng)原生應(yīng)用開發(fā)而言,開發(fā) H5 app 成本更低,而且一次開發(fā),多平臺使用,為企業(yè)節(jié)省了很多資金。
缺點
1. 功能不夠強(qiáng)大,相對原生應(yīng)用還有所欠缺,功能調(diào)用還會受到安全性、性能等因素限制。
2. 分辨率適配問題,不同的移動端寬高可能會有所不同,需要適配才能在不同設(shè)備中完美顯示。
3. 運行速度受限,因為 H5 app 是通過 WebView 加載本地文件運行的,同時也受到手機(jī)性能的影響,所以運行可能比原生應(yīng)用慢。
總結(jié)
H5 app 是通過 HTML5 技術(shù)實現(xiàn)的一種混合移動應(yīng)用,其擁有跨平臺、輕量化、易維護(hù)、快速運行等優(yōu)勢,在面對比較輕量級的業(yè)務(wù)場景時,H5 app 更適用于避免增加運行成本的情況下,能夠為用戶提供足夠的應(yīng)用體驗。