Hybrid App開發(fā)模式

Hybrid App(混合模式移動應用)是指介于web-app翩剪、native-app這兩者之間的app,兼具“Native App良好用戶交互體驗的優(yōu)勢”和“Web App跨平臺開發(fā)的優(yōu)勢”辽幌。

Native App
移動互聯(lián)網(wǎng)剛開始興起的時候,我們手機上的應用(App)都是通過Native App開發(fā)而成的;Native App的開發(fā)具備很多的優(yōu)勢:
->開發(fā)出來的產(chǎn)品具備良好的用戶體驗侍咱,動畫和運行的速度非常的流暢柠并。
->能夠?qū)κ謾C的內(nèi)部軟件或者硬件進行直接的操作岭接,例如:可以調(diào)取用戶的通訊論、讀取用戶的短信(當然需要用戶同意)臼予,可以調(diào)取用戶的攝像頭鸣戴,調(diào)取手機的重力感應等

但是Native App的開發(fā)也存在自己的很多不足:
->首先是不能跨平臺,針對目前最常用的IOS和安卓平臺粘拾,需要用不同的技術(shù)來開發(fā):IOS一般使用的是Object-c窄锅,而安卓平臺使用的一般是Java-Native,這樣就導致了開發(fā)一款App需要兩隊人馬去做缰雇,隨之而來的問題也會很多入偷,比如:開發(fā)成本高,開發(fā)周期長械哟,有的功能IOS有但是安卓沒有(手Q就是這樣的)等疏之。
->開發(fā)出來的產(chǎn)品需要用戶自主性比較強:首先需要客戶到應用商店安裝,后期如果版本升級暇咆,用戶想要看到最新的版本還需要重新的進行下載安裝升級等锋爪。
->在IOS平臺上丙曙,開發(fā)出一款App上傳到蘋果App Store需要7天的審核期,在此期間如果審核失敗几缭,在此上傳還需要七天河泳,這樣就有可能導致產(chǎn)品不能按時發(fā)布等。

Web App
而HTML5的出現(xiàn)讓Web App露出曙光年栓。HTML5基本上不需要考慮是IOS還是安卓拆挥,兩個平臺一套代碼基本上都是支持的;更新版本只需要在自己的服務器上更新了即可某抓,這樣用戶再次訪問的時候看到的就已經(jīng)是最新版本的了纸兔;不需要經(jīng)過漫長審核...這些優(yōu)勢讓開發(fā)者們大為心動,但是HTML5的本質(zhì)是運行在瀏覽器中的頁面(App是直接運行在操作系統(tǒng)中的)否副,由于瀏覽器的差異以及對一些特殊功能支持力度的不夠汉矿,導致HTML5開發(fā)存在一些局限性問題:

->開發(fā)出來的產(chǎn)品性能和運行速度沒有App的好,用戶體驗不是很好备禀。
->雖然安卓和IOS平臺上的瀏覽器大部分都是webkit內(nèi)核的洲拇,但是瀏覽器廠商為了自己的特殊化,移動設備上的瀏覽器兼容也不少曲尸,甚至一些兼容問題是無法解決的(例如:position:fixed的支持非常的不好)赋续。
->由于HTML5的本質(zhì)是運行在瀏覽器中的,所以想要操作系統(tǒng)中的軟件或者硬件都需要所在的瀏覽器支持另患,很遺憾大部分瀏覽器對于這方面的操作都支持的不好纽乱,所以也就導致了,H5的產(chǎn)品在調(diào)取通訊錄昆箕、攝像頭鸦列、讀取短信等方面存在了很大的短板,基本上很少用H5去做這些事情的鹏倘。

Hybrid App
正是在這樣是機緣巧合下薯嗤,基于HTML5低成本跨平臺開發(fā)優(yōu)勢又兼具Native App特質(zhì)的Hybrid App技術(shù)殺入混戰(zhàn),并且很快吸引了眾人的目光纤泵。Hybrid App是把Native App和Web App混合在一起的新興模式(目前市場上的大部分App都是混合模式開發(fā)的)应民。利用各自的優(yōu)勢,去開發(fā)一款低成本夕吻、跨平臺、更新快繁仁、性能好涉馅、功能豐富的App。

Hybrid App按網(wǎng)頁語言與程序語言的混合黄虱,通常分為三種類型:多View混合型稚矿,單View混合型,Web主體型。

多View混合型(目前常用的)
即Native View和Web View獨立展示晤揣,交替出現(xiàn)桥爽。2012年常見的Hybrid App是Native View與WebView交替的場景出現(xiàn)。這種應用混合邏輯相對簡單昧识。即在需要的時候钠四,將WebView當成一個獨立的View(Activity)運行起來,在WebView內(nèi)完成相關(guān)的展示操作跪楞。這種移動應用主體通常是Native App缀去,Web技術(shù)只是起到補充作用。開發(fā)難度和Native App基本相當甸祭。

Web主體型(目前比較新穎流行的方式)
即移動應用的主體是Web View缕碎,主要以網(wǎng)頁語言編寫,穿插Native功能的Hybrid App開發(fā)類型池户。這種類型開發(fā)的移動應用體驗相對而言存在缺陷咏雌,但整體開發(fā)難度大幅降低,并且基本可以實現(xiàn)跨平臺校焦。通俗來說赊抖,就是App中的頁面基本上都是H5完成的,我們使用一些技術(shù)框架封裝一個App的殼子斟湃,框架中還提供一些操作系統(tǒng)級別功能的API供H5的調(diào)取熏迹,一般來說,都是由JS編寫代碼來完成App殼子搭建的凝赛,這樣開發(fā)的App也就不會在使用JAVA或者Object-c了注暗。

目前市面上比較流行的框架有:React Native、phoneGap墓猎、appcan捆昏、APICloud、ionicframework毙沾、appMobi骗卜、WeX5...

H5和App之間是怎么通信交互?
大家只需要知道,只要App那邊做了特殊的處理(就是在webView中注入一個對象左胞,對象中包含了我們需要調(diào)取的方法)寇仓,那么在H5的js中,我們就可以調(diào)取WebView中提供的方法烤宙。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末遍烦,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子躺枕,更是在濱河造成了極大的恐慌服猪,老刑警劉巖供填,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異罢猪,居然都是意外死亡近她,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進店門膳帕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來粘捎,“玉大人,你說我怎么就攤上這事备闲∩味耍” “怎么了?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵恬砂,是天一觀的道長咧纠。 經(jīng)常有香客問我,道長泻骤,這世上最難降的妖魔是什么漆羔? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮狱掂,結(jié)果婚禮上演痒,老公的妹妹穿的比我還像新娘。我一直安慰自己趋惨,他們只是感情好鸟顺,可當我...
    茶點故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著器虾,像睡著了一般讯嫂。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上兆沙,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天欧芽,我揣著相機與錄音,去河邊找鬼葛圃。 笑死千扔,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的库正。 我是一名探鬼主播曲楚,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼褥符!你這毒婦竟也來了洞渤?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤属瓣,失蹤者是張志新(化名)和其女友劉穎载迄,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體抡蛙,經(jīng)...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡护昧,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了粗截。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片惋耙。...
    茶點故事閱讀 39,773評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖熊昌,靈堂內(nèi)的尸體忽然破棺而出绽榛,到底是詐尸還是另有隱情,我是刑警寧澤婿屹,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布灭美,位于F島的核電站,受9級特大地震影響昂利,放射性物質(zhì)發(fā)生泄漏届腐。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一蜂奸、第九天 我趴在偏房一處隱蔽的房頂上張望犁苏。 院中可真熱鬧,春花似錦扩所、人聲如沸围详。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽助赞。三九已至,卻和暖如春赐劣,著一層夾襖步出監(jiān)牢的瞬間嫉拐,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工魁兼, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留婉徘,地道東北人。 一個月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓咐汞,卻偏偏與公主長得像盖呼,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子化撕,可洞房花燭夜當晚...
    茶點故事閱讀 44,689評論 2 354

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,095評論 25 707
  • 名詞介紹 Native APP Native APP 指的是原生程序几晤,一般依托于操作系統(tǒng),有很強的交互植阴,是一個完整...
    福兮禍所依閱讀 13,548評論 0 20
  • 名詞介紹 Native APP Native APP 指的是原生程序蟹瘾,一般依托于操作系統(tǒng)圾浅,有很強的交互,是一個完整...
    LabRaDor2079閱讀 1,946評論 0 5
  • 我近期最想實現(xiàn)的一個目標:財富增長 目標與核心價值需求:安全感憾朴。他人認可度狸捕。更多地幫助他人。 懺悔:懺悔今日心中升...
    快樂小屋劉麗華閱讀 228評論 0 0