Day26– 前端小字典三十天【每日一字】– Hybrid App

DAY 26

前端小字典三十天【每日一字】系列第 26 篇

字典鐵人賽 app 前端 hybrid

iamya

2014-10-26 23:43:13

8635 瀏覽

分享至

前兩篇筆記了Web App 和Native App，
今天來分享Hybrid App吧！

圖片來源

Hybrid App是什麼？

圖片來源

Hybrid Application 混和式應用程式

Hybrid App是指Web App 和Native App的混和，
Hybrid App同時使用Web 技術（HTML5, CSS 和 JavaScript）與程序語言（透過特定框架提供的API 來呼叫原生功能）開發，

讓原生容器 (Native Container) 來包裝（Packaging），包裝成一個原生的App，經由瀏覽器來運行並呈現內容。

Hybrid App 的發展是希望可以兼具Web App 和Native App的優點，打造更好的用戶體驗，實現跨平台低成本開發的目標。

Hybrid App的特點

和Native App一樣，透過APP應用程式商店上架，使用者需透過安裝才能使用。
部分頁面和Web App一樣，需要上網才能使用。

Hybrid App的優點

可支援多種平台顯示
不需要為每個系統編寫特定的編碼，降低開發成本。

可使用框架工具呼叫原生功能
可透過工具控制硬體裝置相機、例如：GPS 地理定位、測速計、磁力計、陀螺儀等。

良好用户付费模式
Hybrid App可以包裝成原生App並可到官方App線上商店上架，選擇設定下載 App 的人是否要付錢，藉此獲取盈利。

Hybrid App的缺點

效能不如Native App
Hybrid App的效能優於WEB App，但還是Native App的瀏覽體驗較佳。

更新需要等待
官方線上商店的規範較多且每一個版本的修改需要重新進入商店的審核程序。

小結：

我實際用過兩種方式實做Hybrid App
第一種是主要以原生技術方式（Java+Eclipse）開發，裡面透過原生語言再加上web view（加入網頁技術）的方法交替使用。

第二種是全部使用網頁技術開發，並且用自己喜歡的編輯器（我是用Sublime Text），
透過Ionic的framework（框架）來執行完成再經由PhoneGap, Cordova來包裝。

另外還有一種，例如Titanium，是透過編譯的方法轉換成原生開發語言，希望有機會可以使用看看。

目前Native APP仍然提供較好的效能與穩定性，具有一定的市場需求，
但隨著時代的演進，行動裝置推陳出新，手機瀏覽器支援程度也越來越高，
Hybrid App可以跨平台，降低成本，實踐Native APP與WEB APP的優點，
透過HTML5 可以讓我們實現更多功能，
Hybrid App似乎也變成一種趨勢，變成未來可以期待的執行方向。