什么是Native App?什么是Hybrid App?
- Native App(原生APP開發模式),像iOS,Android單語言開發。
- Hybrid App(混合App開發模式),部分代碼以WEB技術編程,部分代碼由某些Native Container承擔(例如PhonGAP插件,BAE插件),其目的是在HTML5尚未完全支持Device API和Network API的目前階段,承擔這部分職責。
那么介紹完這兩個名詞后,我們先上兩張Web App,Hybrid App,Native App對比圖:
webapp,hybridapp,nativeapp對比.png
native,html5,hybrid對比.png
其優越點有了這兩張圖即可一目了然,顯然Hybrid 開發帶來了很大的方便。
怎樣在項目中使用Hybrid App 開發?
想要在項目中使用Hybrid App開發必然要先了解下支持Hybrid App開發的開源框架。
Ionic
Ionic是一個用來開發混合手機應用的,開源的,免費的代碼庫。可以優化html,css和js的性能,構建高效的應用程序,而且還可以用于構建Sass和AngularJs的優化。Ionic會是一個可以信賴的框架。
Ionic.png
詳細了解:http://www.ionic.wang/start-index.html
React
React Native 結合了 Web 應用和 Native 應用的優勢,可以使用 JavaScript 來開發 iOS 和 Android 原生應用。在 JavaScript 中用 React 抽象操作系統原生的 UI 組件,代替 DOM 元素來渲染等。
React Native.png
React Native的理解以及優缺:
比較詳細可以看這個http://div.io/topic/851
查看資料:
使用ionic框架開發移動hybrid應用
我對 React Native 的理解和看法
Dcloud 分析