文章:https://github.com/chemdemo/chemdemo.github.io/issues/12
雖然很基礎(chǔ)萌庆,但也要從頭開始啊
H5提供內(nèi)容蚤氏,Native提供容器,
關(guān)鍵界面踊兜、交互性強(qiáng)的的界面使用Native
安全性要求比較高的界面竿滨,如注冊(cè)界面、登陸捏境、支付等界面于游,會(huì)采用Native來取代H5開發(fā),保證數(shù)據(jù)的安全性垫言,這些頁(yè)面通常UI變更的頻率也不高贰剥。
打開的界面都是Native的導(dǎo)航組件+webview來組成,這樣即使H5加載失敗或者太慢用戶可以選擇直接關(guān)閉筷频。
再者蚌成,也是最重要的一點(diǎn)前痘,如果整個(gè)界面都是H5的,在H5加載過程中界面將是白屏担忧,在弱網(wǎng)絡(luò)下用戶可能會(huì)很疑惑芹缔。
所以基于這兩點(diǎn),打開的界面都是Native的導(dǎo)航組件+webview來組成瓶盛,這樣即使H5加載失敗或者太慢用戶可以選擇直接關(guān)閉最欠。
默認(rèn)界面采用Native
由于H5是在H5容器里進(jìn)行加載和渲染,所以Native很容易對(duì)H5頁(yè)面的行為進(jìn)行監(jiān)控惩猫,包括進(jìn)度條芝硬、loading動(dòng)畫、404監(jiān)控轧房、5xx監(jiān)控拌阴、網(wǎng)絡(luò)診斷等,并且在H5加載異常時(shí)提供默認(rèn)界面供用戶操作奶镶,防止APP“假死”迟赃。
Native除了負(fù)責(zé)部分界面開發(fā)和公共UI組件設(shè)計(jì)之外,作為H5的runtime实辑,H5容器是hybrid架構(gòu)的核心部分捺氢。