app開發-簡介（一）

APP 開發簡介

app 是應用 (application) 的縮寫，通常咱們指的是，移動 app 開發，移動指的是移動設備平臺，如手機、iPad等； 移動 App 就是移動設備上運行的應用程序，例如咱們手機上的微信、支付寶等應用。

app 種類劃分

• WebAPP:
  • 網頁應用，須要運行在瀏覽器環境中，無需安裝便可使用
  • 使用純web技術開發實現
  • 由瀏覽器負責UI界面的渲染
• NativeAPP:
  • 原生應用，直接運行在移動設備上， 須要安裝後使用
  • 主要採用設備原生語言開發實現，能夠調用設備的底層硬件
  • 由移動設備負責UI界面的渲染
• HybridAPP:
  • 混合應用，直接運行在移動設備上， 須要安裝後使用
  • 部分功能採用設備原生語言開發， 部分採用web技術開發
  • 原生語言編寫的功能由移動設置渲染， web語言編寫的功能運行在App內嵌的web容器中，就是一個內嵌的瀏覽器

運做模式對比

優缺點

對比/分類	Web App	Native App	Hybrid App
市場承認度	不認	承認	承認
是否要安裝	否	是	是
開發成本	低	高	中
維護更新	低	高	中
跨平臺	低	高	中
體驗	差	高	中

進化

經過上面的對比發現，Native App 性能體驗好，Hybrid App 開發維護成本低。若是有一種技術可以同時擁有二者的優勢就行了，facebook 公司的 ReactNative 所以而生，它使用js和React編寫UI邏輯，而後生成原生控件進行渲染繪製，既擁有媲美原生應用的性能體驗，又擁有混合應用跨平臺、開發快等優勢。

固然這也不是絕對的，在特殊需求下，仍是會有不足。首先框架自己須要處理大量平臺相關的邏輯，隨着系統與API的升級變化，開發者有可能也須要處理平臺之間的差別，甚至有些特性只能在部分平臺上實現，從而下降跨平臺性。固然，這些問題也會隨着 ReactNative 的版本迭代逐漸改善。

WEB技術開發框架

混合應用

Ionic

• Angular官網 angular.io/
• Ionic官網 ionicframework.com/
• Ionic中文網 www.ionic.wang/
• Cordova官網 cordova.apache.org/
• Cordova中文網 cordova.axuer.com/

Html5+

• 官網 www.dcloud.io/

AppCan

• 官網 www.appcan.cn/

微信公衆號

• 官網 mp.weixin.qq.com/
• 其餘 my.oschina.net/u/1416844/b…

原生App

ReactNative

• React官網 facebook.github.io/react/
• ReactNative官網 facebook.github.io/react-nativ…
• ReactNative中文網 reactnative.cn/

Weex

• Vue官網 cn.vuejs.org/
• Weex官網 weex.apache.org/cn/
• WeexGithub github.com/apache/incu…

Flutter

• Rlutter官網 flutter.io/
• Rlutter中文網 flutterchina.club/