1. 程式人生 > >如何開發混合式app?

如何開發混合式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)
轉載請聯絡授權