Cordova開發前的準備工做

時間 2019-12-05

原文原文鏈接

本文承接上篇《Cordova概述》，先作一些開發前的準備工做。html

習慣上安裝Apache Cordova或Adobe PhoneGap的步驟是先下載框架文件，而後有選擇的進行一些配置（怎麼選依下載的版本而定）。雖然Cordova和PhoneGap從核心上來講是同樣的，可是在使用開發框架前的準備開發環境的步驟仍是有所不一樣。本文將演示如何下載和設置框架以及如何安裝Cordova CLI。java

安裝Cordova

Cordova是開源項目，框架文件可從Apache Cordova項目站點(http://cordova.io)免費下載。進入下載頁面後點擊網頁上的source.zip後能夠選擇下載鏡像進行下載。若是想下載舊版本，點擊下載頁面的"archive"連接將打開存檔頁面，頁面有一個列表，顯示了框架下載文件(zip文件)，還有一些加密哈希函數的輸出文件用來驗證文件是否被修改過。node

Cordova框架的zip文件中再也不有一些支持的移動平臺的內容，像bada，Tizen等。Cordova仍然支持這些平臺，須要時要單獨下載。Google一下，能夠找到bada的Cordova文件位於https://github.com/apache/cordova-bada。android

Cordova框架文件沒有安裝程序，解壓後文件夾中包括了每一個移動設備平臺的zip文件和另一些文件。下面對其中一些文件作一說明：ios

cordova-android.zip：包括爲Android平臺構建Cordova應用須要的文件。
cordova-app-hello-world.zip：完整的Cordova的Hello World Web應用參考。這個示例說明如何創建一個Cordova應用。
cordova-cli.zip：包括基於Node.js的命令行界面(CLI)的源碼。以後會說如何使用它建立、管理和測試Cordova應用。
cordova-docs.zip：包括完整的Cordova文檔文件(HTML格式)。
cordova-ios.zip：包括爲iOS平臺構建Cordova應用須要的文件。
cordova-js.zip：包括了Cordova JavaScript層的源文件。
cordova-mobile-spec.zip：包括了與Mobile Spec Suit相關的文件。Mobile Spec Suit是一個測試套件用來驗證Cordova版本。
cordova-plugin-*：每個文件夾都是一個Cordova API插件。當使用CLI向項目添加插件時，可讓CLI上這些文件夾中找插件文件。

在本地爲每一個移動平臺構建應用時須要解壓每一個平臺的zip文件。其中有readme.md文件說明了文件夾中的文件都是作什麼用的。通常狀況下會有這些文件的使用說明，像在Android Cordova實現中還會有安裝的附加說明。git

配置移動開發平臺開發環境還要安裝平臺的SDK或集成開發環境(IDE)，還有一些平臺可能會用到一些工具像Java、Ant、make和Cygwin。github

基於Ant的命令行界面

3.0版以後Cordova向框架中添加了一套命令行工具。解壓全部的框架文件後，能夠瀏覽一下readme.md中關於使用Apache Ant建立新項目、調試和測試的內容。apache

在老版本中，開發者自行決定如何使用IDE工具和CLI。但基於Ant的CLI在不一樣移動平臺上的實現不一致，所以不是哪裏都能用，而且每一個實現都在不一樣位置，所以它不是一個單獨的隨處使用的工具。基於Node.js的CLI取代了Ant，更有平臺一致性。
所以咱們主要關注基於Node.js的工具，之後基於Ant的工具會遷移到Node.js中。npm

安裝PhoneGap

安裝PhoneGap有一點不同。訪問www.phoneGap.com，能夠看到安裝說明和存檔文件。3.0之後，PhoneGap就不提供下載安裝包了，而是經過Node.js包下載。若是要下載舊版本能夠參考下載頁下面的舊版本連接。PhoneGap站點要求安裝NodeJS，打開命令行窗口輸入如下命令：網絡

npm install -g phonegap

接下來詳細會說明使用這種方式的要求和安裝中會遇到問題。

安裝CLI(命令行界面)

爲了方便開發者管理項目，Cordova項目組開發一個統一的命令行界面(CLI)，指望最終能跨全部Cordova支持的平臺使用。PhoneGap CLI本質上就是Cordova CLI，只是比它多了一些命令。所以接下來教程也一樣適用於PhoneGap CLI。若是要得到PhoneGap CLI的添加的命令的相關信息，請參考PhoneGap文檔(http://docs.phonegap.com/en/3.0.0/index.html)。

Cordova CLI 使用js代碼構建，這些js代碼是由Node JavaScript運行時引擎提供的，能運行JavaScript代碼的地方就能安裝CLI。

請按照框架文件安裝包中的CLI的readme.md說明的步驟安裝。

CLI可以建立Cordova項目，生成必要的項目文件，還要同本地的SDKs交互建立項目、在模擬器中加載應用，所以要確保SDK正確安裝並對CLI可用。如Android須要手動配置系統，使CLI可以找到SDK並關聯工具。

Android開發工具

本文以Android爲例，其餘SDK的安裝請參考相關資料。若是安裝過Andorid SDK能夠省略過本部分。

安裝Android的必要條件之一是Java Development Kit(JDK)。Macintosh系統已經默認安裝了Java，而在Windows系統中須要手動安裝。進入站點http://java.oracle.com下載JDK，選擇Java SE,下載和安裝JDK最新版本。在安裝完JDK後要定義JAVA_HOME環境變量，指向JDK安裝位置。如在Win 7中，右鍵點擊Computer圖標，選擇Properties,在打開的對話框中選擇Advanced System settings，在彈出的對話框中選擇Advanced標籤，點擊下面的Environment Variables...按鈕。在彈出的對話框中，點擊New按鈕添加一個用戶變量，命名爲JAVA_HOME，確保它指向JDK的安裝位置，以下圖所示：

若是要測試配置是否成功，打開新的終端窗口錄入命令set，能夠看到環境變量的列表。

安裝完Java後要安裝Android SDK。進入http://developers.android.com。在Android開發者首頁點擊連接下載Android SDK。SDK沒有安裝程序，下載後解壓放在自定義位置。SDK文件夾包括構建和仿真Android應用的工具，還有一配置好的Eclipse，但其中並不包括全部的SDK庫和設備仿真器，若是須要請按照如下網址的指導：http://developer.android.com/sdk/installing/bundle.html。

Android SDK沒有安裝程序，CLI並不知道Android SDK安裝在哪裏，還要把一些文件夾添加到系統變量，如platform-tools和tools文件夾。在Windows中以上面的步驟打開Environment Virables對話框，選中其中的PATH變量並選擇"Edit"按鈕或雙擊，在現有的路徑變量中追加Android SDK的platform-tools和tools文件夾的路徑。這時在終端窗口中輸入android能夠打開Android SDK管理器。