一句話概要

Native、Web App、Hybrid、React Native（后面以RN簡稱）、Weex 間的異同點，后期同步小程序和PWA。

App常用開發模式簡介

此處App為應用，application，并非我們通常講的手機App。

常用的幾種APP開發模式-腦圖：http://naotu.baidu.com/file/6af15fcbb72f89926043779811b1ea44?token=df0378691ecdcef2

Native App

傳統的原生App開發模式，有iOS和aOS兩大系統，需要各自語言開發各自App。

優點：性能和體驗都是最好的。

缺點：開發和發布成本高。

舉個栗子：網易管家App （https://id.163.com/gj/）

應用技術：Swift，OC，Java。

WebApp

移動端的網站，常被稱為H5應用，說白了就是特定運行在移動端瀏覽器上的網站應用。一般泛指 SPA(Single Page Application)模式開發出的網站，與MPA（Multi-page Application）對應。

優點：開發和發布成本最低。

缺點：性能和體驗不能講是最差的，但也受到瀏覽器處理能力的限制，多次下載同樣會占用用戶一定的流量。

舉個栗子：網易管家APP（https://id.163.com/gj/）

應用技術：ReactJS，RegularJS，VueJS等等。

Hybrid App

混合模式移動應用，介于Web App、Native App這兩者之間的App開發技術，兼具“Native App良好交互體驗的優勢”和“Web App跨平臺開發的優勢”（百度百科解釋）

主要的原理是，由Native通過JSBridge等方法提供統一的API，然后用Html+Css實現界面，JS來寫邏輯，調用API，最終的頁面在Webview中顯示，這種模式下，Android、iOS的API一般有一致性，Hybrid App所以有跨平臺效果。

優點：開發和發布都比較方便，效率介于Native App、Web App之間。

缺點：學習范圍較廣，需要原生配合。

舉個栗子：FanReact，我愛我家App，東方航空App，富國基金-富國錢包App

應用技術：PhoneGap，AppCan，Wex5，APICloud等。

React Native App

Facebook發現Hybrid App存在很多缺陷和不足，于是發起開源的一套新的App開發方案RN。使用JSX語言寫原生界面，js通過JSBridge調用原生API渲染UI交互通信。

優點：效率體驗接近Native App，發布和開發成本低于Native App。

缺點：學習有一定成本，且文檔較少，免不了踩坑。

舉個栗子：Facebook、Youtube、Discord、QQ、百度等等。

Weex App

阿里巴巴開發團隊在RN的成功案例上，重新設計出的一套開發模式，站在了巨人肩膀上并有淘寶團隊項目做養料，廣受關注，2016年4月正式開源，并在v2.0版本官方支持Vue.js，與RN分庭抗禮。

優點：單頁開發模式效率極高，熱更新發包體積小，并且跨平臺性更強。

缺點：剛剛起步，文檔欠缺；社區沒有RN活躍，功能尚不健全，暫不適合完全使用Weex開發App。

舉個栗子：淘寶、天貓、阿里云、優酷、閑魚、餓了么等。

Native App

Native App是一種基于智能手機本地操作系統如iOS、Android、WP并使用原生程式編寫運行的第三方應用程序,也叫本地app。一般使用的開發語言為Java、C++、Objective-C。

自iOS和Android這兩個的手機操作系統發布以來，在互聯網界從此就多了一個新的名詞：App意為運行在智能的移動終端設備第三方應用程序。

Native App因為位于平臺層上方，向下訪問和兼容的能力會比較好一些，可以支持在線或離線，消息推送或本地資源訪問，攝像撥號功能的調取。但是由于設備碎片化，App的開發成本要高很多，維持多個版本的更新升級比較麻煩，用戶的安裝門檻也比較高。但是比較樂觀的是，AppStore培養了一種比較好的用戶付費模式，所以在Apple的生態圈里，開發者的盈利模式是一種明朗狀態，其他market也在往這條路上靠攏。

優勢

相比于其它模式，提供最佳的用戶體驗，最優質的用戶界面，最華麗的交互

針對不同平臺提供不同體驗

可節省帶寬成本，打開速度更快

功能最為強大,特別是在與系統交互中,幾乎所有功能都能實現

劣勢

門檻高，原生開發人才稀缺，至少比前端和后端少，開發環境昂貴

無法跨平臺，開發的成本比較大，各個系統獨立開發

發布成本高，需要通過store或market的審核，導致更新緩慢

維持多個版本、多個系統的成本比較高，而且必須做兼容

應用市場逐漸飽和，怎么樣搶占用戶時間需要投入大量時間和金錢，這也導致“僵尸”App的增多

WebApp

說到Web App 不少人會聯想到 WAP，或者有人認為，WAP就是WebApp，其實不然。

WebApp 與 WAP 最直接的區別就是功能層面。WAP更側重使用網頁技術在移動端做展示，包括文字、媒體文件等。而Web App更側重“功能”，是使用網頁技術實現的App?？偟膩碚f，Web App就是運行于網絡和標準瀏覽器上，基于網頁技術開發實現特定功能的應用。

響應式的大部分技術都是為實現WebApp能適配多類客戶端而設計的。

Web網站一般分兩種，MPA(Multi-page Application)和SPA(Single-page Application)。而WebApp一般泛指SPA形式開發出的網站。這樣更像是一個App。

優勢

可以跨平臺，調試方便

無需安裝，不會占用手機內存，而且更新速度最快

不存在多版本問題，維護成本低

臨時入口，可以隨意嵌入

劣勢

依賴于網絡，第一次訪問頁面速度慢，耗費流量

受限于手機和瀏覽器性能，用戶體驗相較于其他模式最差

功能受限，大量移動端功能無法實現

入口強依賴于第三方瀏覽器，且只能以URL地址的形式存在，導致用戶留存率低（優點即缺點）

Hybird App

混合開發，也就是半原生半Web的開發模式，由原生提供統一的API給JS調用，實際的主要邏輯有Html和JS來完成，最終是放在webview中顯示的，所以只需要寫一套代碼即可達到跨平臺效果，另外也可以直接在瀏覽器中調試，很方便。最重要的是只需要一個前端人員稍微學習下JS api的調用即可。

Hybird App 的較早實踐者是PhoneGap，隨后遍地開花，如Titanium、Salama、WeX5、Kerkee和國內的AppCan，項目各有各的實現方式，大致的原理基本相同。有幸在AppCan上?？偛繀⑴c過一段時間的學習研究，如下大致簡介：

AppCan是基于HTML5技術的Hybird跨平臺移動應用開發工具。開發者利用Html5+Css3+JavaScript技術，通過AppCan IDE集成開發系統、云端打包器等，快速開發出Android、iOS、WP平臺上的移動應用。

AppCan的平臺構成：

在實際的APP開發中，AppCan可以完成大部分的工作量，如圖示：

AppCan將App底層復雜的原生功能封裝在引擎、插件中，開發者僅需調用接口、打包編譯，就可以獲得原生功能；靈活的插件擴展機制。

開發者可以像開發WebApp一樣開發app的視覺UI，以及絕大部分的交互，當需要使用原生功能（如攝像頭，陀螺儀等功能）時，只需要調用官方的API就可以輕松實現Native的效果。至于JS和Native的通信，常用的有URL監聽和絕大部分Hybrid廠商使用的JSBridge通信，兩者原理相近。

在Hybird概念盛行的時候，國內外各大公司也參與了探索，國外代表有Facebook、google、亞馬遜，國內的有騰訊、阿里巴巴、網易等，慢慢的他們發現Hybird嚴重受限于WebView的解析渲染效率，于是Facebook開始了他的類原生的研究探索。

總結

以上是生活随笔為你收集整理的什么是 Native、Web App、Hybrid、React Native和Weex？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。