**整體內容介紹**
1、移動開發框架陣營
2、cordova框架介紹
3、cordova與react native比較
4、cordova使用場景
5、cordova安裝與啟動
6、hooks開發
7、cordova事件使用
8、cordova外掛使用

**一、移動開發框架陣營**

一般認為移動開發框架分為三個陣營：原生框架、webview框架、react native。

1、原生陣營
  指的是使用各個平臺的原生語言進行app開發，如android使用Java、kotlin開發，ios使用objective-c、swift開發。
  優勢：執行速度快，效能好，可以試驗豐富的硬體資源；
  劣勢：不能跨平臺執行，開發難度大；

2、webview框架
  以cordova、phonegap、ionic為代表，可以讓Web開發人員使用他們已經具備的HTML、CSS和JavaScript技能來開發應用。
  優點：快速上手，跨平臺支援，一次開發多平臺部署；
  缺點：效能相比原生差，硬體資源使用受限，透過webview來渲染的UI不理想；

3、React Native
  結合原生和webview框架的優勢，規避不足，UI層要比WebView框架更原生，其餘部分處於模擬層，以實現其易用性。

**二、Cordova框架介紹**

1、Cordova簡介
  2011年，Adobe把PhoneGap的核心程式碼貢獻給了Apache軟體基金會，但保留了PhoneGap的商標所有權。Apache將PhoneGap核心程式碼命名為Apache Callback專案，後又更 名為Apache Cordova。
  cordova是一個開源的移動開發框架。允許你用標準的web技術-HTML5,CSS3和JavaScript做跨平臺（android、ios、windows等）開發。應用在每個平臺的具體執行被封裝了起來，並依靠符合標準的API繫結去訪問每個裝置的功能，比如說：感測器、資料、網路狀態。
  而PhoneGap是cordova的發行版本。
  Ionic也整合了ApacheCordova框架，可以直接用Ionic的命令來呼叫Apache Cordova的建立，編譯，打包等功能。

2、cordova內部架構
![![](http://img.blog.itpub.net/blog/2021/03/27/4b566d81ee2618fc.png?x-oss-process=style/bb)](http://img.blog.itpub.net/blog/2021/03/27/7269e96ef62aca60.png?x-oss-process=style/bb)
  整個cordova包含三部分：web app、webview和plugins。 其中web app是可以自己開發的web程式碼，webview是針對每個平臺開發的瀏覽器引擎，plugins是cordova針對手機硬體（如相機、電池、儲存等）解耦出來的外掛組合。

**三、Cordova與react native對比**

Cordova這樣的框架可以使用Web技術來開發移動UI,是因為它們在每個應用中都內嵌了Web瀏覽器，包括按鈕、選單和動畫，都是在瀏覽器的網頁中執行的。Cordova應用的UI就是執行在Web瀏覽器中的模擬世界，而瀏覽器又是執行在原生框架裡的另一個模擬世界。
  一方面：React Native的UI要比WebView框架低一個層級，它直接執行在原生框架裡，比Webview更原生。React Native直接使用了原生UI元件，而WebView框架是使用 HTML/CSS的WebUI來模擬原生UI.
  另一方面：React Native還可以讓我們使用JavaScript來編寫應用，同時使用類似於HTML和CSS的語法來開發UI。這無疑降低了Web設計師和開發人員的門檻。

文章《React Native vs. Cordova、PhoneGap、Ionic，等等》文章中的圖片形象的描述了他們之間的層級關係。
![](http://img.blog.itpub.net/blog/2021/03/27/a9ab13974a86ed6f.png?x-oss-process=style/bb)
![](http://img.blog.itpub.net/blog/2021/03/27/8b6136272b958493.png?x-oss-process=style/bb)
**四、Cordova使用場景**
  1、已經有了伺服器端Web應用，不需要涉及後端程式碼修改，想盡快地釋出到應用商店中。這時只需要將web應用拖到cordova專案對應的目錄中就可以將伺服器端web應用釋出到移動端。
  2、用使用者體驗要求不高，並且沒有太多互動相關的東西。
  如果非常重視使用者體驗或者互動資訊較多的話，建議使用react native。

**後續筆者會不斷輸出相關領域的優質內容，希望大家持續關注本帳號！**

從八個方面讓你快速瞭解cordova（一）

相關文章