移動開發 Native APP、Hybrid APP和Web APP介紹

高速區分定義：

Native App

       以基於智能手機本地操做系統如IOS、Android、WP並使用原生程式(SDK)編寫執行的需要用戶安裝使用的第三方應用程序;

Web APP

        以HTML+JS+CSS等WEB技術編程，代碼執行在移動端瀏覽器中，經過該移動端瀏覽器來調用Device API（取決於HTML5將來的支持能力）的不需要用戶安裝的應用程序；

Hybrid App

       同一時候使用網頁語言(Web技術)與程序語言(Java、Objective-C等)開發，經過應用商店區分移動操做系統分發，需要用戶安裝使用的移動應用。

【轉載使用，請註明出處：http://blog.csdn.net/mahoking/article/details/30235243】

介紹瞭解：

Web App、Hybrid App、Native App對照

Native App

    Native App 該部分介紹參看【高速差異定義】

 

Web App

    Web App 是基於HTML5標準開發的，Web App的出現得益於各大瀏覽器廠商對HTML5標準的支持。

    眼下主流操做系統iOS、Android以及Windows Phone的瀏覽器都對於html5大部分特性的支持也更加突顯HTML5在將來移動設備端的地位。衆所周知，HTML5不僅給咱們帶來了不少其它語義化的標籤，還有canvas畫圖、音頻視頻、本地存儲、離線應用、地理位置定位等新特性。

【注】該部分具體信息參閱http://www.w3school.com.cn/html5/

Native App的優點：
1、優秀的用戶體驗和華麗的交互操做，能夠針對不一樣平臺提供不一樣用戶體驗；
2、可不受網絡速度限制，節省帶寬成本；
3、可訪問本地硬件設備和資源；
4、盈利模式明朗。

Native App的劣勢：
1、不一樣平臺之間的移植麻煩；
2、維持多個版本號的成本比較高；
3、需要經過第三方審覈；
4、盈利需要與第三方分紅。

    針對Native App的不足，Web App很是好了彌補了這些劣勢，開發商僅僅需瞭解HTML5、CSS3、js以及Device API就能夠完畢應用在多終端設備和平臺的執行，很是好的保證了應用跨平臺的一致性，相對於Native App開發成本更低，同一時候更新維護更easy，用戶差點兒沒有安裝成本，也更加自由和開放。但不論什麼新技術老是有利有弊，Web App其自身也會遇到在用戶體驗、UI效果及調用本地設備和資源的相關問題。

 

Hybrid App

Hybrid App一般分爲三種類型：多View混合型，單View混合型，Web主體型。 

多View混合型： 

    即Native View和Web View獨立展現，交替出現。眼下常見的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、國內的AppCan和Rexsee都屬於Web主體型移動應用中間件。當中Rexsee不支持跨平臺開發。appMobi和PhoneGap除基礎的底層能力不少其它是經過插件（Plugins）擴展的機制實現Hybrid。而AppCan除了插件機制，還提供了大量的單View混合型的接口來無缺和彌補Web主體型Hybrid App體驗差的問題，接近Native App的體驗。[紅色部分的有爭議，待無缺。]

【摘自】http://www.iteye.com/news/25442  不少其它信息請查看此頁。

【轉載使用，請註明出處：http://blog.csdn.net/mahoking/article/details/30235243】

參考文獻：

一、http://www.w3school.com.cn/html5/

二、http://www.iteye.com/news/25442