公司的移動(dòng)端產(chǎn)品好多頁面都是用h5實(shí)現(xiàn)的，我最近負(fù)責(zé)了一個(gè)新版本，在協(xié)調(diào)研發(fā)的過程中發(fā)現(xiàn)APP內(nèi)嵌h5存在一些問題，好多效果h5都無法實(shí)現(xiàn)或者需要APP的配合，所以對(duì)這方面做了一些簡(jiǎn)單了解，整理記錄到這里
原生APP
優(yōu)點(diǎn)
- 運(yùn)行速度比較快
- 能使用設(shè)備的底層功能，如攝像頭、方向傳感器、重力傳感器、撥號(hào)、GPS、語音、短信、藍(lán)牙等
- 在界面設(shè)計(jì)、功能模塊、操作邏輯等層面相較web更易做到App的便捷性和舒適性，功能更加強(qiáng)大
- API穩(wěn)定，可離線操作和本地存儲(chǔ)，節(jié)省流量
缺點(diǎn)
- 不同的操作系統(tǒng)需要獨(dú)立的進(jìn)行開發(fā)，使用其各自的開發(fā)語言、開發(fā)包、開發(fā)工具和控件
- 開發(fā)和維護(hù)成本比較高，尤其需要適配各種機(jī)型時(shí)
- 更新需要發(fā)布新版本，且要向各個(gè)應(yīng)用商店進(jìn)行提交審核，之后用戶需要手動(dòng)進(jìn)行點(diǎn)擊更新安裝（安裝成本較高、開發(fā)周期長(zhǎng)）
h5
優(yōu)點(diǎn)
- 由于是運(yùn)行在瀏覽器上，所以只需要開發(fā)一次便可以在不同的操作系統(tǒng)上顯示
- 迭代版本時(shí)，不需要打包便可以發(fā)布（實(shí)時(shí)更新、快速迭代）
- 開發(fā)成本相對(duì)較低，對(duì)瀏覽器的適配較簡(jiǎn)單
缺點(diǎn)
- 對(duì)網(wǎng)絡(luò)依賴強(qiáng)，速度無法保證。特別在弱網(wǎng)環(huán)境下，不僅耗費(fèi)流量而且加載緩慢，就算是WiFi情況下也不容樂觀
- 復(fù)雜或精細(xì)操作時(shí)對(duì)系統(tǒng)性能消耗大、體驗(yàn)差
- 無法使用很多移動(dòng)硬件設(shè)備的獨(dú)特功能
- 仍處于發(fā)展階段，部分功能無法在基于現(xiàn)有技術(shù)的瀏覽器基礎(chǔ)上實(shí)現(xiàn)，且無法全面的顯示最完美的用戶體驗(yàn)
怎樣選擇
原生APP
- 需要調(diào)起硬件設(shè)備功能，必須用原生頁面來實(shí)現(xiàn)
- 需要緩存數(shù)據(jù)，可以進(jìn)行離線操作時(shí)要用APP實(shí)現(xiàn)
- 需要大量的前后臺(tái)數(shù)據(jù)交互，且需要保持穩(wěn)定時(shí)需要APP實(shí)現(xiàn)
- 頁面和功能比較固定，變動(dòng)頻率較低，且注重用戶體驗(yàn)時(shí)可以選APP實(shí)現(xiàn)
- 主流程下比較重要的頁面，需要APP實(shí)現(xiàn)良好的體驗(yàn)和保持穩(wěn)定性
h5
- 經(jīng)常會(huì)有變動(dòng)和更新的頁面可以選擇用h5頁面，更新頁面的時(shí)候不需要將整個(gè)APP進(jìn)行發(fā)布更新
- 處在嘗試階段的業(yè)務(wù)，如臨時(shí)的活動(dòng)頁面，使用h5開發(fā)成本低且可以及時(shí)更新
- 不影響主流程的輔助性頁面（如說明介紹頁），可選擇h5實(shí)現(xiàn)
- 更注重節(jié)約成本可以選擇h5實(shí)現(xiàn)
盡早評(píng)估
目前APP內(nèi)嵌h5還不夠成熟， h5作為webView被APP控制，所以很多效果的實(shí)現(xiàn)都需要APP的配合，所以最好在正式進(jìn)入開發(fā)階段之前能夠跟相關(guān)的開發(fā)人員做好評(píng)估，怎樣實(shí)現(xiàn)是最優(yōu)的方法，有問題盡早解決，不然一旦投入開發(fā)出現(xiàn)問題時(shí)迫于進(jìn)度壓力可能就需要改需求或設(shè)計(jì)，有可能失去較好的用戶體驗(yàn)，甚至無法滿足原始需求。當(dāng)然評(píng)估是需要經(jīng)驗(yàn)的，需要慢慢積累↖(ω)↗
