ionic react-native和native開發移動app那個好


ionic react-native和native開發移動app那個好 ? 

移動端開發如何選型?這裏介紹一下我眼中的ionic,react-native,native 三種移動端開發選型對比。歡迎你們補充指正



1、 跨平臺特性

    ionic : write once, run anywhere ( 一次開發,隨處運行,學習成本低 會html css js就能夠學會)

不涉及到系統級的開發的話, 確實是一次開發 到處運行,若是涉及到系統級API調用以及項目配置(如 ios plist文件)則須要本身手動編寫cordova插件的方式達到效果(如:註冊文件的打開方式),固然,網上也有可能找到能夠安裝的現成插件。  會html css js就能夠學會 學習成本低

    react-native :Learn once, write anywhere ( 一次學習,隨處開發)

不涉及到與native混編的話, 統一js 進行開發 使用jsx 語法 確實能作到各端開發,可是須要針對iOS 和 android 開發兩套代碼。

    native :使用原生java objective-c 開發, 各玩各的,沒法跨平臺。


2、開發方式


    ionic :html + angularjs + css

使用 html + angularjs 與網頁開發相似,代碼只須要寫一次,就能夠達到跨平臺效果,系統級的調用由cordova插件解決,封裝得至關好,簡單易用,特殊狀況的本身動手編寫插件比較難,通常沒有須要手動編寫代碼插件的狀況,網上有比較多的插件可供下載安裝,可用flexbox佈局。   調用方便(好比:要用攝像頭插件,只須要cordova plugin add camera,而後就能夠用js調用原生攝像頭)

    react-native :js + css


普通UI全程js開發,部分狀況下須要使用與native混合的方式,沒有統一的UI組件,ios組件較多,android組件較少,各自編寫js文件的狀況較多,簡單空間和邏輯層可共用,基本上iOS和android是兩套代碼,可用flexbox佈局。

    native :java + oc|swift   
iOS android 不一樣語言開發 以及適配。


3、功能支持


    ionic :編寫cordova插件,則能達到所有支持    原生能完成的功能  ionic結合cordova均可以實現

UI交互 由Web實現,系統級的交互 由 cordova實現,目前 文件上傳下載,url跳轉以及文件打開方式 均已作驗證可實現,cordova對系統級調用的支持比較好,涵蓋了大部分系統功能,如攝像頭,設備信息,電池,網絡等,不排除潛在不支持的問題。

    react-native :與native 混編 可達到所有支持

android高級組件可能須要本身實現,系統級的功能可經過安裝第三方插件或者與native混編的方式實現 ,基本上功能能徹底實現


   native :所有支持  徹底能實現


4、性能對比

    ionic :
雖然性能一直是html5在移動端的最大問題,可是ionic已經作得很是出色了,在ios上基本上沒法區分是不是原生app


android 經過優化基本看不出和原生差異


ionic使用ionic-native-transitions   調用原生專場基本看不出和原生區別  (適合android ios)

android 2G內存以上的手機看不出和原生差異,性能接近原生。

android 低配置的手機添加 crosswalk 插件之後 體驗較好,可是app打包偏大。程序運行內存佔用較大(網絡數據對比同款產品,內存佔用100+M)



    react-native :基本接近原生性能

    js 到 native 須要通過兩層橋接,性能與原生差異不大(網絡數據對比同款產品,內存佔用50 M)

    native:開發者水平很重要    性能最好 (網絡數據對比同款產品,內存佔用30 +M)


總結:開發水平很重要,html開發的app可能比原生的更快。主要還看開發人員的水平以及會不會優化


 



5、優劣對比

    ionic :


    優點:

        ios 和 android 基本上能夠共用代碼,純web思惟,開發速度快,簡單方便,一次編碼,處處運行,若是熟悉web開發,則開發難度較低。
        文檔很全,系統級支持封裝較好,全部UI組件都是有html模擬,能夠統一使用。

        可實如今線更新 容許加載動態加載web js

        文檔多,開發者多,視頻教程多 容易學習    遇到問題容易解決  技術成熟



    劣勢:

       佔用內存高一些(不過手機內存都大了不影響),不適合作遊戲類型app,   web技術沒法解決一切問題,對於比較耗性能的地方沒法利用native的思惟實現優點互補,如高體驗的交互,動畫等。


    react-native :


    優點:

    一、雖然不能作到一處編碼處處運行,可是基本上即便是兩套代碼,也是相同的jsx語法,使用js進行開發。用戶體驗,高於html,開發效率較高 二、flexbox 佈局 聽說比native的自適應佈局更加簡單高效
        可實如今線更新 2015.7.28 AppStore審覈政策調整:容許運行於JavascriptCore的動態加載代碼
        更貼近原生開發

    劣勢:

    一、(引)對開發人員要求較高,不是懂點web技術就行的,當官方封裝的控件、api沒法知足需求時 就必然須要懂一些native的東西去擴展,擴展性仍然遠遠不如web,也遠遠不如直接寫Native code。
 二、(引)官方說得很隱晦:learn once, write anywhere。人家可沒說run anywhere。事實上,從官方的api來看SliderIOS,SwitchIOS..等等這些控件,以後勢必會出現SliderAndroid,SwitchAndroid...,也就是極可能針對不一樣的平臺會須要寫多套代碼。
 三、發展還不成熟,目前不少ui組件只有ios的實現,android的須要本身實現。
        (引)從Native到Web,要作不少概念轉換,勢必形成雙方都要妥協。好比web要用一套CSS的閹割版,Native經過css-layout拿到最終樣式再轉換成native原生的表達方式(好比iOS的Constraint\origin\Center等屬性),再好比動畫。另外,若Android和iOS都要作相同的封裝,概念轉換就更復雜 五、文檔還不夠完整 學習曲線偏高
4.文檔少  學習起來困難


    native :

    優點:
        最好的體驗以及功能實現。
        完善成熟的開發文檔以及demo。

    劣勢:        android開發學習曲線較高。        各個平臺分開開發 很難有iOS,android雙平臺高手。        開發成本高
相關文章
相關標籤/搜索