Hybrid App(混合 App)已經(jīng)成為大家接觸最為廣泛的 App 形式隙咸,不管是我們用到的微信、支付寶還是淘寶、京東等大大小小的應(yīng)用都非常熱衷于Hybrid App 帶來的研發(fā)效率提升和靈活性。
但我們正式進(jìn)入到 hybrid App 的討論前啄骇,有必要先說下原生開發(fā)的一些基本情況幌缝,原因很簡單褪测,因?yàn)槲覀內(nèi)粘=佑|到的 hybrid App 就是在 Native App 原生應(yīng)用基礎(chǔ)上所衍生出來的砌溺。
原生開發(fā)的流程
Native App 帶給用戶使用體驗(yàn)非常好红竭,整體的感受非常順滑尤勋,但是作為一個(gè)開發(fā)人員,我們談到原生開發(fā)的時(shí)候確很頭痛茵宪,因?yàn)橐馕吨枰冻龈哳~的開發(fā)成本和發(fā)布周期最冰。特別是對(duì)于需要頻繁迭代業(yè)務(wù)內(nèi)容的企業(yè)來說,無論是更新功能模塊還是修復(fù)有缺陷的版本稀火,都需要重新測試暖哨、重新發(fā)版、重新提交第三方應(yīng)用商店審核上架凰狞,還要用戶配合篇裁,安裝新的版本,才能把舊版本覆蓋赡若。
如果只用文字可能大家會(huì)比較難以有直觀的感受达布,我們通過下面這張圖來看看:
可以看到原生開發(fā)有一個(gè)比較大的弊端,就是不管是新開發(fā)還是應(yīng)用的更新發(fā)版都需要經(jīng)過比較繁瑣編譯逾冬、上架黍聂、安裝等過程躺苦,每一個(gè)過程都代表需要研發(fā)的重復(fù)投入。
這也是為什么 Hybrid App 會(huì)成為大多團(tuán)隊(duì)和開發(fā)者的第一選擇产还,原生雖好但是著實(shí)很費(fèi)力費(fèi)時(shí)匹厘。
Hybrid App的開發(fā)流程
Hybrid App 在一定程度上可以解決原生應(yīng)用在流程上復(fù)雜的問題,從架構(gòu)上來講「原生+HTML5」是比較多的技術(shù)模式脐区,但隨著這兩年小程序的發(fā)展愈诚,「原生+小程序」也成為了混合應(yīng)用的一種新選擇,例如微信坡椒、支付寶等國民應(yīng)用就是這樣的路線扰路,當(dāng)然在自己的 App 引入已有的小程序整體的效果會(huì)比 H5 好很多,至少從用戶體驗(yàn)上來講倔叼,小程序有著接近原生的體驗(yàn)避免了 H5 經(jīng)常出現(xiàn)的白屏和卡頓問題汗唱。
雖然 App 運(yùn)行小程序的技術(shù)會(huì)比H5難度高很多,但是目前也有 FinClip 等小程序容器技術(shù)可以直接上手使用丈攒,也算是比較便捷哩罪。
再來看 Hybrid App 的開發(fā)和上架流程,我們先用圖片流程看下:
Hybrid App 中對(duì)于經(jīng)常變更巡验、有業(yè)務(wù)運(yùn)營屬性的內(nèi)容际插,基本以 HTML5 或小程序的方式實(shí)現(xiàn),融合在原生App中显设。
通常的做法是在原生 App 里預(yù)先基于界面設(shè)計(jì)挖好一些洞框弛,然后利用 WebView 在這些洞里面渲染由標(biāo)簽語言描述的內(nèi)容,無縫呈現(xiàn)在 App 里捕捂。
這些內(nèi)容從哪里來呢瑟枫?它們通常預(yù)埋在 App 代碼包,并且通過互聯(lián)網(wǎng)從服務(wù)器端獲得更新指攒。
Hybrid App 的核心價(jià)值
我們最前面也講了為了追求效率及靈活性慷妙,大家會(huì)越來越多的選擇 Hybrid App 開發(fā)模式,其背后的原因還為了更加高效實(shí)現(xiàn)更新上架允悦,因?yàn)槠鋷в械臒岣履芰κ窃陂_發(fā)環(huán)節(jié)極為重要的膝擂。
熱更新的原理大概是這樣的,通常應(yīng)用內(nèi)的服務(wù)器端會(huì)監(jiān)測這些內(nèi)容的更新隙弛,繼而發(fā)送內(nèi)容更新的通知并通過網(wǎng)絡(luò)向客戶端同步一些頁面內(nèi)容的碎片架馋,并且把這些下載的內(nèi)容,通常是 HTML 和 JavaScript 全闷,注入到之前挖好的這些洞洞里绩蜻。
另外需要說明的一點(diǎn),上面我們講到的網(wǎng)絡(luò)同步技術(shù)方案可供選擇的會(huì)比較多室埋,例如通過雙向的 Web-Socket办绝、HTTPlongpolling伊约、SSE、PushtoPull 或者 CMS孕蝉。一般來講設(shè)備端通常通過 HMR 熱模塊替換和代碼注入等方式讓更新的代碼在本地生效展示屡律,也能夠避免我們應(yīng)用的重啟。
以上就是關(guān)于 Hybrid App 開發(fā)上架的原理降淮,如果你認(rèn)為有用的話超埋,也歡迎各為小伙伴在這里交流和討論,另外也歡迎點(diǎn)贊佳鳖。