如何開發混合式app?
HybridApp(混合模式移動應用)是指介於web-app、native-app這兩者之間的app,兼具“Native App良好使用者互動體驗的優勢”和“Web App跨平臺開發的優勢”。
汽車有混合動力Hybrid,移動應用同樣也有混合模式。Hybrid App(混合模式移動應用)兼具“Native App良好使用者互動體驗的優勢”和“Web App跨平臺開發的優勢”。很多人不知道市場上一些主流移動應用都是基於Hybrid App的方式開發,比如百度搜索等。但究竟什麼是Hybrid App?如何定義?
HybridApp:HybridApp is a mobile application that is coded in both browser-supported languageand computer language.
They are available through application distributionplatforms such as the Apple App Store, Google Play etc. Usually, they aredownloaded from the platform to a target device, such as iPhone, Android phoneor Windows Phone. The subscribers need to install to run them.
我們來拆解一下里面的含義:
1、mobile application:Hybrid App就是一個移動應用
2、bothbrowser-supported language and computer language:同時使用網頁語言與程式語言編寫
3、available throughapplication distribution platforms:通過應用商店進行分發
4、a target device:區分目標平臺
5、install to run:使用者需要安裝使用
綜合一下就是:
“Hybrid App同時使用網頁語言與程式語言開發,通過應用商店區分移動作業系統分發,使用者需要安裝使用的移動應用”。總體特性更接近Native App但是和Web App區別較大。只是因為同時使用了網頁語言編碼,所以開發成本和難度比Native App要小很多。因此說,Hybrid App兼具了Native App的所有優勢,也兼具了Web App使用HTML5跨平臺開發低成本的優勢
“雲”時代的來臨正在改變App和運營團隊之間的關係,一場不能避免的變革正在進行。鑑於移動終端的侷限性,移動終端上的APP由本地化應用(Native App),到基於WEB的應用Web App,再到混合型應用(Hybrid APP),這一連串的變化都源於技術的更新和市場的需要。
Hybrid App按網頁語言與程式語言的混合,通常分為三種類型:多View混合型,單View混合型,Web主體型。
【多View混合型】
即Native View和Web View獨立展示,交替出現。
2012年常見的Hybrid App是Native View與WebView交替的場景出現。這種應用混合邏輯相對簡單。即在需要的時候,將WebView當成一個獨立的View(Activity)執行起來,在WebView內完成相關的展示操作。這種移動應用主體通常是Native App,Web技術只是起到補充作用。開發難度和Native App基本相當。
【單View混合型】
即在同一個View內,同時包括Native View和Web View。
互相之間是覆蓋(層疊)的關係。這種Hybrid App的開發成本較高,開發難度較大,但是體驗較好。如百度搜索為代表的單View混合型移動應用,既可以實現充分的靈活性,又能實現較好的使用者體驗。
【Web主體型】
即移動應用的主體是Web View,主要以網頁語言編寫,穿插Native功能的Hybrid
App開發型別。
這種型別開發的移動應用體驗相對而言存在缺陷,但整體開發難度大幅降低,並且基本可以實現跨平臺。Web主體型的移動應用使用者體驗的好壞,主要取決於底層中介軟體的互動與跨平臺的能力。國外的appMobi、PhoneGap(cordova)和國內的WeX5、AppCan和Rexsee都屬於Web主體型移動應用中介軟體。
其中Rexsee不支援跨平臺開發。appMobi和PhoneGap(cordova)除基礎的底層能力更多是通過外掛(Plugins)擴充套件的機制實現Hybrid。AppCan除了外掛機制,還提供了大量的單View混合型的介面來完善和彌補Web主體型Hybrid App體驗差的問題,接近Native App的體驗。
而WeX5則在揉合PhoneGap(cordova)和Bootstrap等主流技術的基礎上,對效能進一步做了深度優化,不但完全具備Native App對本地資源的呼叫能力,效能體驗也不輸原生;WeX5所開發出來的app具備完全的跨端執行能力,可以無需任何修改直接執行在各種前端環境上。
【多主體共存型——靈活型】
這是一種新型的開發模式,即支援Web主體型的應用,又支援以Native主體的應用,也支援兩者混合的開發模式。
比如kerkee框架,它具有跨平臺、使用者體驗好、效能高、擴充套件性好、靈活性強、易維護、規範化、具有Debug環境、徹底解決跨域問題等特點。使用者體驗與Native App媲美。功能方面,開發者可隨意擴充套件介面。
從分析可見,HybridApp中的Web主體型只要能夠解決使用者體驗差的問題,就可以變成最佳Hybrid App解決方案型別。
出品丨藍海匯(ID:lanhaihui2015)
轉載請聯絡授權