【app】Hybrid？Native？不知道你就out了！

標籤：基於   也會   部署   網頁   img   手動   層級   跨平台   布局   

Hybrid？是個啥？ 相信大家在平常生活中也會經常見到這個詞，比如現在比較火的hybrid汽車（混合動力汽車） 那如果是針對於App而言呢？ 那就要從App的分類說起了 目前主流應用程式大體分為三類：Web App、Hybrid App、 Native App 首先，我們來看看究竟什麼是 Web App、Hybrid App、 Native App：

Native App

傳統的原生App開發模式，android基於Java語言，底層調用Goolge提供的API，IOS基於Objective c或Swift，底層調用Apple官方提供的Api

優點：

直接依託於作業系統,互動性最強,效能最好

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

缺點 :

開發成本高,無法跨平台,不同平台Android和iOS上都要各自獨立開發

門檻較高,原生人員有一定的入門門檻,相比廣大的前端人員而言,較少 更新緩慢,特別是發布市集後,需要等到審核周期 維護成本高

Web App

即移動端的網站,將頁面部署在伺服器上,然後使用者使用各大瀏覽器訪問,不是獨立APP,無法安裝和發布，類似於現在所說的輕應用

優點：

開發成本低,可以跨平台,調試方便

維護成本低 更新無需通知使用者，不需要手動升級 無需安裝App,不會佔用手機記憶體

缺點：

無法擷取系統層級的通知，提醒，動效等等

使用者留存率低 設計受限制諸多 體驗較差

Hybrid App

(Hybrid)混合應用程式，在應用程式中嵌入了webview，通過webview訪問網頁，嗯，那webview又是個啥？ webview是一個基於webkit引擎，展現web頁面的控制項 作用： 顯示和渲染web介面 直接使用html檔案（網路或Apk資源套件assets中）作布局 可和JavaScript互動調用

優點：

開發成本較低,可以跨平台,調試方便 維護成本低,功能可複用

功能更加完善,效能和體驗要比起web app好太多 更新較為自由

缺點： 相比原生,效能仍然有較大損耗 不適用於互動性較強的app

tips

如何判斷一個應用介面是native還是web介面

1、在手機/模擬器中點擊關於手機中的版本號碼5下，出來開發人員選項

2、在開發人員選項中勾選上顯示布局邊界再返回到App介面

3、如果App是Html的介面，那介面不會有布局邊界顯示，如有則說明是native的介面

如：第一張圖是native介面，第二張圖是html的介面

【app】Hybrid？Native？不知道你就out了！