最早的App開發(fā)只有原生這個概念，Html頁面只是用來做一些簡單的靜態(tài)資源展示，但是隨著H5的興盛，大家發(fā)現(xiàn)很多功能、邏輯都可用web來實(shí)現(xiàn)，然后原生作為容器顯示，而且H5展示的頁面更炫酷、功能更豐富，在IOS、Andriod中都有很好的支持，這樣開發(fā)效率更高、成本更低，同時用戶體驗(yàn)也不錯。目前市場上主流的APP主要分為三種：原生APP、WebAPP（HTML5）和混合APP三種，相對應(yīng)的開發(fā)模式就是：原生開發(fā)、H5開發(fā)和混合開發(fā)，這里分別從三者的特點(diǎn)以及優(yōu)劣性詳細(xì)展開，進(jìn)行對比分析。

三種主流APP

原生APP（NativeAPP）

原生APP就是利用Android、iOS平臺官方的開發(fā)語言、開發(fā)類庫、工具進(jìn)行開發(fā)。比如安卓的Java、Eclipse、Android studio，iOS的Swift、Objective-C 和Xcode。原生App在應(yīng)用性能和交互體驗(yàn)上應(yīng)該是最好的，該模式通常是由“云服務(wù)器數(shù)據(jù)+APP應(yīng)用客戶端”兩部份構(gòu)成，APP應(yīng)用所有的UI元素、數(shù)據(jù)內(nèi)容、邏輯框架均安裝在手機(jī)終端上。用戶只能通過App Store和應(yīng)用商店下載到，每一種移動操作系統(tǒng)都需要獨(dú)立的開發(fā)項(xiàng)目。一般用于開發(fā)純工具類App，無需頻繁更新的應(yīng)用程序，例如微信客戶端、一些管理應(yīng)用。

優(yōu)點(diǎn)：

1. 可訪問手機(jī)所有功能，擁有手機(jī)的各種功能的權(quán)限，調(diào)用原生設(shè)備，比如獲取個人信息，攝像頭以及重力加速器、GPS等等；
2. 功能齊全、運(yùn)行速度快、性能高、穩(wěn)定性強(qiáng)，是三種App中用戶體驗(yàn)最好的；
3. 支持大量圖形和動畫，運(yùn)行不卡頓，系統(tǒng)響應(yīng)速度快，流暢度好；
4. 頁面布局、功能實(shí)現(xiàn)、邏輯步驟都是用代碼實(shí)現(xiàn)的，與系統(tǒng)的兼容性好，安全性高，閃退的現(xiàn)象少。
5. 支持容易發(fā)現(xiàn)（在App Store里面）和重新發(fā)現(xiàn)（應(yīng)用圖標(biāo)會一直在手機(jī)主頁上），用戶粘度高；
6. 比較快捷地使用設(shè)備端提供的接口，處理速度上有優(yōu)勢；
7. 官方提供大量的開發(fā)工具和人工支持來幫助開發(fā)；
8. 不需要瀏覽器直接下載獨(dú)立的應(yīng)用在設(shè)備上運(yùn)行，安裝之后使用方便；
9. 手機(jī)用戶無法聯(lián)網(wǎng)時也可以訪問APP應(yīng)用中以前加載好的數(shù)據(jù)
10. 可以通過用戶下載應(yīng)用盈利（但App Store抽取20-30% 的營收）

缺點(diǎn)：

1. 開發(fā)語言相對web前端學(xué)習(xí)難度大，原生人員的入門門檻高，Android，iOS都需要獨(dú)立學(xué)習(xí)，Android基于Java語言，底層調(diào)用Google的 API；iOS基于OC或者Swift語言，底層調(diào)用App官方提供的API。
2. 開發(fā)成本高、項(xiàng)目周期長，需要配備兩個專門的開發(fā)人員，對應(yīng)開發(fā)Android和IOS兩套獨(dú)立的代碼，不能跨平臺開發(fā)，且支持的設(shè)備有限，可移植性差；
3. App需要發(fā)布到應(yīng)用市場接受審核，內(nèi)容根據(jù)不同平臺的規(guī)定受到限制，審核標(biāo)準(zhǔn)嚴(yán)格、周期長，需要具備企業(yè)證書。
4. 應(yīng)用安裝包大，包含UI元素、數(shù)據(jù)內(nèi)容、邏輯框架，占用用戶手機(jī)內(nèi)存資源。
5. APP應(yīng)用每次更新、維護(hù)，都要涉及到向各個應(yīng)用商店提交審核，上傳發(fā)布到應(yīng)用市場，用戶在App Store或者應(yīng)用市場里進(jìn)行更新，重新下載安裝新的包，必須等下載安裝完畢才可以打開使用，用戶可以對App進(jìn)行點(diǎn)評、投訴。

Web版APP（HTML 5）

可以在手機(jī)端瀏覽器里面打開的網(wǎng)站就是Web App，是利用Web技術(shù)進(jìn)行的App開發(fā)，本質(zhì)就是瀏覽器功能的疊加，用普通Web開發(fā)語言開發(fā)的，通過瀏覽器運(yùn)行。Web技術(shù)本身需要瀏覽器的支持才能進(jìn)行展示和用戶交互，因此主要用到的技術(shù)是HTML5、JavaScript、CSS等。適合展示有大段文字、圖片排版，且樣式比較豐富的頁面，很多通過vue和react框架編寫的都是WebApp。

優(yōu)勢：

1. 開發(fā)成本低、周期短，只需要H5前端工程師開發(fā)一套代碼，就可以同時在Android、IOS、Windows等設(shè)備上運(yùn)行，支持設(shè)備范圍廣，兼容多種設(shè)備，可以跨平臺開發(fā)，開發(fā)完成后可以即時上線，市面上有大量的開發(fā)框架可以幫助開發(fā)人員縮短開發(fā)周期和開發(fā)難度；
2. 由于不用上架應(yīng)用市場，所以內(nèi)容沒有限制；
3. 無需安裝App，不會占用用戶手機(jī)內(nèi)存，用戶直接通過瀏覽器即可訪問。這是它的優(yōu)點(diǎn)，同時也是它的缺點(diǎn)，用戶用完即走，留存率低。
4. 維護(hù)簡單，不需要用戶下載安裝，只需要瀏覽器的解析，通過瀏覽器可以直接訪問；
5. 開發(fā)者更新僅需要通過服務(wù)器更新即可，用戶能夠直接使用最新版本號（自己主動更新，不需用戶手動更新），對用戶來說是感覺不到更新操作的，實(shí)現(xiàn)了無痕更新（需要注意一下瀏覽器緩存的問題）。

缺點(diǎn)：

1. 對網(wǎng)絡(luò)依賴性強(qiáng)，一旦沒有網(wǎng)絡(luò)就無法進(jìn)行任何操作，耗費(fèi)流量，網(wǎng)速慢的時候影響訪問速度；
2. 由于Web技術(shù)本身的限制，可以使用的功能有限，并不能直接訪問手機(jī)的所有功能，很多權(quán)限受到限制，比如攝像頭麥克風(fēng)、、GPS，重力加速器、離線存儲等，所以在體驗(yàn)和性能上有很大的局限性；
3. App運(yùn)行速度慢，頁面不能承載太多東西，切換的時候流暢性較差；
4. 和原生App相比，性能和用戶體驗(yàn)都大打折扣，圖片和動畫支持性不高，穩(wěn)定性不強(qiáng)；
5. 如果用戶使用更多的新型瀏覽器，那么就會出現(xiàn)運(yùn)行問題；
6. 因?yàn)椴煌ㄟ^App store下載，所以無法通過下載盈利。

混合APP（HybridAPP）

混合App是原生應(yīng)用和Web應(yīng)用的結(jié)合體，在開發(fā)的時候，不僅利用了原生APP的開發(fā)技術(shù)還應(yīng)用了HTML5開發(fā)技術(shù)，所以必須在部分在設(shè)備上執(zhí)行、部分在Web上執(zhí)行，二者混合比例不限。通俗點(diǎn)來說，這就是網(wǎng)頁的模式，通常由“HTML5云網(wǎng)站+APP應(yīng)用客戶端”兩部份構(gòu)成。

混合開發(fā)是一種取長補(bǔ)短的開發(fā)模式，原生代碼部分利用Web View插件或者其它框架為H5提供容器（Android中是webview,iOS7以下有UIWebview,7以上有WKWebview），嵌套Html 5 頁面。程序主要的業(yè)務(wù)實(shí)現(xiàn)、界面展示都是利用與H5相關(guān)的Web技術(shù)進(jìn)行實(shí)現(xiàn)的。

優(yōu)點(diǎn)：

1. 開發(fā)效率高、周期短，一套代碼可以兼容Android、IOS、普通webkit瀏覽器設(shè)備，可以跨平臺開發(fā)，可復(fù)用性非常高；
2. 可以在App Store下載，部分內(nèi)容可離線運(yùn)行；
3. 可以訪問手機(jī)的功能要比Web版App更多，但是依然比不上原生的App；
4. 代碼更新和維護(hù)比較方便，版本升級的時候只需在服務(wù)端升級即可，不需要上傳App Store審核；

缺點(diǎn)：

1. 用戶體驗(yàn)不如本地原生App應(yīng)用；
2. 加載速度慢，網(wǎng)絡(luò)要求高；
3. 技術(shù)還不是很成熟，安全性較差。

總結(jié)

分析完了以上三種開發(fā)模式，它們各有利弊，那么在實(shí)際開發(fā)中，我們到底應(yīng)該如何選擇？具體還是需要看團(tuán)隊(duì)的產(chǎn)品需求，綜合項(xiàng)目預(yù)算，上線時間，產(chǎn)品功能等幾個方面來考慮。

• 假如預(yù)算充足，性能要求高，開發(fā)周期長，可以考慮用戶體驗(yàn)比較好的原生App。
• 假如產(chǎn)品需要短時間內(nèi)上線，兼容所有平臺，不追求用戶體驗(yàn)和性能，沒有離線訪問的需求，可以選擇Web App。
• 追求性能、體驗(yàn)，同時追求開發(fā)效率，有部分功能需要調(diào)用攝影頭、麥克風(fēng)、GPS定位等手機(jī)原生功能，則推薦使用混合App。

混合App綜合了兩種App的優(yōu)點(diǎn)，但是目前在性能上依舊有所欠缺，并不是說混合App就是最好解決方案。根據(jù)實(shí)際需要來做選擇是正確的做法，適合的才是最好的，當(dāng)然如果條件允許的話，原生加Web兩種版本一起開發(fā)更好。

喜歡小編的可以點(diǎn)個贊關(guān)注小編哦，小編每天都會給大家分享文章。

我自己是一名從事了多年的前端老程序員，小編為大家準(zhǔn)備了新出的前端編程學(xué)習(xí)資料，免費(fèi)分享給大家！

如果你也想學(xué)習(xí)前端，那么幫忙轉(zhuǎn)發(fā)一下然后再關(guān)注小編后私信【1】可以得到我整理的這些前端資料了（私信方法：點(diǎn)擊我頭像進(jìn)我主頁有個上面有個私信按鈕）

（正文已結(jié)束）

推薦閱讀：浙財網(wǎng)

免責(zé)聲明及提醒：此文內(nèi)容為本網(wǎng)所轉(zhuǎn)載企業(yè)宣傳資訊，該相關(guān)信息僅為宣傳及傳遞更多信息之目的，不代表本網(wǎng)站觀點(diǎn)，文章真實(shí)性請瀏覽者慎重核實(shí)！任何投資加盟均有風(fēng)險，提醒廣大民眾投資需謹(jǐn)慎！