市場(chǎng)主流的(de)幾種App開發方式介紹

作者： 時(shí)間：2019-04-02 浏覽：

        主流App開發方式有三種：Native App 、Web App、Hybird App，而3種方式下(xià)又分(fēn)别有衆多(duō)的(de)框架可(kě)供選擇，一句話(huà)，前端的(de)技術層出不窮，五花八門，讓人(rén)應接不暇。這(zhè)裏簡單介紹下(xià)這(zhè)幾種方式的(de)優缺點以及分(fēn)别挑幾種熱(rè)門的(de)框架簡單介紹下(xià)。
 
        Native App(原生APP開發模式)：Native App開發即我們所稱的(de)傳統APP開發模式，該開發針對(duì)IOS(OC或者swift)、Android(Java或者kotlin)等不同的(de)手機操作系統要采用(yòng)不同的(de)語言和(hé)框架進行開發，是專門針對(duì)某一類移動設備而生的(de)，它們都是被直接安裝到設備裏， APP應用(yòng)所有的(de)UI元素、數據内容、邏輯框架均安裝在手機終端上。

        優點:
        1.可(kě)輕易調用(yòng)手機所有硬件實現功能
        2.速度更快(kuài)、性能高(gāo)、整體用(yòng)戶體驗最好
        3.質量安全性很高(gāo)
        缺點：
        1.開發周期長(cháng)及維護成本高(gāo)(比如ios和(hé)android需2端開發2個(gè)app)
        2.學習(xí)成本高(gāo)(ios必須會swift，android必須會Java)

        Web App(HTML5 APP 框架開發模式):Web App即我們通(tōng)常所說的(de)H5 app，主要通(tōng)過HTML，CSS，JS構建頁面，然後發布到服務器，用(yòng)戶通(tōng)過手機網絡訪問這(zhè)些頁面。類似微信公衆号等

        優點:
        1.項目獨立，維護更容易，兼容多(duō)平台
        2.開發周期短，學習(xí)成本低
        3.更新發版更容易
        缺點：
        1.體驗不好，對(duì)設備和(hé)網絡要求高(gāo)，經常卡頓，性能差
        2.無法調用(yòng)系統硬件

        Hybrid App(混合模式移動應用(yòng)):Hybrid App是指介于Web App、Native App這(zhè)兩者之間的(de)app， Hybrid App主要以JS+Native兩者相互調用(yòng)爲主，從開發層面現“一次開發，多(duō)處運行”的(de)機制，成爲真正适合跨平台的(de)開發，是目前乃至未來(lái)發展的(de)趨勢。

        優點:
        1.維護容易，能調用(yòng)部分(fēn)系統硬件，兼容多(duō)平台
        2.開發周期短，學習(xí)成本低
        缺點：
1.可(kě)能需要會原生開發以支持更多(duō)的(de)硬件調用(yòng)
2.性能跟原生還(hái)是有差距，對(duì)設備有一定要求

        NativeApp：以前ios開發用(yòng)的(de)OC語言，現在基本都是用(yòng)swift了(le)。而android，以前用(yòng)的(de)都是Java，去年google官宣kotlin成爲android開發的(de)官方語言，不過，現在用(yòng)的(de)開發者還(hái)是比較少，android studio已支持kotlin。
        Web App  JQuery Mobile：看名字就知道，這(zhè)個(gè)是使用(yòng)html和(hé)jQuery構建的(de)手機應用(yòng)，它唯一的(de)優點估計也(yě)就是上手簡單了(le)，以前jQuery畢竟是前端必備技能，這(zhè)幾年連jQuery都很少開發者用(yòng)了(le)，甚至大(dà)公司都在重構準備去jQuery化(huà)，所以，這(zhè)個(gè)框架，基本涼了(le)，不過不得(de)不承認jQuery那些年的(de)影(yǐng)響力，太大(dà)了(le)。

        AmazeUI：号稱中國首個(gè)開源 HTML5 跨屏前端框架，移動端優先，基于jQuery，現在用(yòng)的(de)人(rén)還(hái)是有不少，它提供了(le)不少的(de)web組件和(hé)js插件，而且調用(yòng)極其簡單，樣式也(yě)還(hái)可(kě)以；但是，amazeui項目github2年前就停更了(le)，後面又搞了(le)個(gè)基于react的(de)amazeui-touch框架，不過在出了(le)1.0release後，也(yě)停更了(le)，最後一次更新是在2017年10月(yuè)。

        其他(tā)H5 UI框架；其他(tā)還(hái)有蠻多(duō)的(de)，甚至純js，html也(yě)可(kě)以開發web app，普遍存在性能差，對(duì)設備和(hé)網絡要求高(gāo)等問題。這(zhè)些年，興起的(de)公衆号和(hé)小程序甚至快(kuài)應用(yòng)，基本可(kě)以取代它們了(le)。
Hybird  App：Hybird  App近年來(lái)發展勢頭猛，個(gè)人(rén)覺得(de)也(yě)是移動開發的(de)趨勢。

        Flutter：要說最近最火的(de)跨平台移動開發框架，非flutter莫屬。flutter是google的(de)移動UI框架，可(kě)以快(kuài)速在iOS和(hé)Android上構建高(gāo)質量的(de)原生用(yòng)戶界面。注意，是原生用(yòng)戶界面，意味著(zhe)，它的(de)性能基本是和(hé)原生一樣的(de)。
flutter與用(yòng)于構建移動應用(yòng)程序的(de)其它大(dà)多(duō)數框架不同，因爲flutter既不使用(yòng)WebView，也(yě)不使用(yòng)操作系統的(de)原生控件。 相反，Flutter使用(yòng)自己的(de)高(gāo)性能渲染引擎來(lái)繪制widget,flutter使用(yòng)C、C ++、Dart和(hé)Skia（2D渲染引擎）構建;flutter 用(yòng)Dart作爲開發框架和(hé)

        widget的(de)語言。
        Ionic:Ionic提供了(le)一個(gè)免費且開源的(de)移動優化(huà)HTML，CSS和(hé)JS組件庫，來(lái)構建高(gāo)交互性應用(yòng)。基于Sass構建和(hé)Angular優化(huà)。
即将發布的(de)Ionic4是一次重大(dà)的(de)升級，它第一次實現了(le)與框架無關，不再必須使用(yòng)Angular，你可(kě)以使用(yòng)Vue，React，JQuery或者幹脆不使用(yòng)任何框架來(lái)進行Ionic開發，這(zhè)一切都是因爲可(kě)以使用(yòng)Stencil來(lái)構建标準web components
React Native:React Native是Facebook 開源的(de)跨平台移動應用(yòng)開發框架，使用(yòng)JavaScript編寫原生移動應用(yòng)，通(tōng)過聲明(míng)式的(de)組件機制來(lái)搭建豐富多(duō)彩的(de)用(yòng)戶界面。React Native 經過 3 年多(duō)的(de)發展，已經比較成熟，雖然至今沒有發布 1.0 版本，但其社區(qū)很活躍
        React Native所使用(yòng)的(de)基礎UI組件和(hé)原生應用(yòng)完全一緻。 基礎組件使用(yòng)JavaScript和(hé)React的(de)方式組合起來(lái)。
        Weex:Weex 集成了(le) WeexSDK 之後，可(kě)以使用(yòng) JavaScript 和(hé)現代流行的(de)前端框架來(lái)開發移動應用(yòng)，使用(yòng)同一套代碼來(lái)構建 Android、iOS 和(hé) Web 應用(yòng)。目前主要支持 Vue.js和(hé) Rax這(zhè)兩個(gè)前端框架。起步比較晚，社區(qū)沒有 React Native 活躍，資料和(hé)開源項目也(yě)相對(duì)較少

        作者：YuRi_1
        鏈接：https://www.jianshu.com/p/a7a77eb16a2a
        來(lái)源：簡書(shū)    簡書(shū)著作權歸作者所有，任何形式的(de)轉載都請聯系作者獲得(de)授權并注明(míng)出處。