接入Cordova跨平台Web通信框架

前言：

最近也是根據公司業務需求，展開了對Cordova的學習與研究。開篇先看看Cordova是個神馬鬼：

Cordova前身是phonegap,而PhoneGap是Nitobi軟體公司2008年推出的一個框架，旨在彌補web和iOS之間的不足，使得web和iPhone SDK之間的交互更容易。後來又加入了Android SDK 和BlackBerry SDK，再然後又陸續加入了更多的平台。但是在2011年，Nitobi公司被Adobe收購，PhoneGap也被提交到Apache Incubator。由於Adobe現在擁有PhoneGap商標，PhoneGap v2.0版產品就更名為Apache Cordova。

據說Cordova是Nitobi團隊當時坐落的街道名稱，用此名來紀念Nitobi團隊的貢獻。Apache Cordova是從PhoneGap中抽出的核心代碼，是驅動PhoneGap的核心引擎。

本文僅對Cordova的部署進行逐步描述，正文開始～～

一、輔助工具安裝（Node.js）：

因Cordova的安裝需要藉助於node.js依賴包管理工具來進行安裝，所以第一步在你的Mac上安裝Node.js。要安裝Cordova，需要先安裝Node.js，可在Node.js官網（https://nodejs.org/en/）,上下載並安裝，下載好以後，一步一步點擊下去就好，可以的老鐵，沒毛病。

PS：在命令行查一下是否安裝了Git，命令：git --version，如無Down一個吧～

二、Cordova安裝：

命令行下執行如下命令，通過Node.js依賴包管理工具進行Cordova安裝，注意使用Root帳號進行操作。

安裝成功後如上圖所示～至此，Cordova安裝完畢，可以開始創建工程了～

三、Cordova工程創建：

同樣，繼續終端執行相關命令，如下：

官網對命令行參數的解釋：

Demo()將為你的項目生成一個Demo目錄www子目錄是應用程序的主頁，以及各種資源(css,js,img)，遵循共同的web開發文件命名規範。這些資源將存儲在設備上的本地文件系統，而不是遠程服務。cofig.xml文件包含重要的需要生成和分發應用程序的元數據。()

App ID如果不填寫這個參數，第三個參數就要省略，默認值是 io.cordova.hellocordova，但建議你填寫一個適當的值。()

應用程序的項目名這個參數的默認值是 HelloCordova，但建議你填寫一個適當的值

PS：期間有可能因為Mac系統賬戶不是Root用戶，導致許可權問題，可採用sudo命令進行臨時Root執行操作。

因為Cordova是個通用框架，我們作為iOS開發人員，需要引入iOS開發平台，故執行如下命令引入iOS Platform。

接下來在工程目錄下執行如下命令，構建項目～～～

執行成功後，可以在Demo目錄下看到iOS工程文件，打開workspace run一把，來驗證安裝結果～

結：至此，Cordova框架引入完畢，後續文章會對Cordova如何引入現有工程進行描述。並深入解析一下Cordova框架與iOS原生通信的原理。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！