在 Windows 10 上搭建 Cordova 跨平臺開發 Android 環境


Cordova 簡介:Cordova 原名 PhoneGap,是一個開源移動開發框架,它允許您使用標準的Web技術,如HTML5,CSS3和JavaScript進行跨平臺開發,避免每個移動平臺本機開發語言。應用程序在針對每個平臺的包裝內執行,並依靠符合標準的API綁定來訪問每個設備的傳感器,數據和網絡狀態。

一、安裝 Cordova

首先安裝 Node.js
* Node.js 下載 鏈接,隨後進行 Node.js 的安裝。
* Node.js 安裝完畢後 在 控制檯 用 node -vnpm -v 出現版本號即安裝成功。
安裝 Git
* 即使您不使用git,它應該安裝,因爲Cordova正在使用它的一些後臺進程。
* 官方下載 鏈接,可能速度很慢,可使用百度網盤 x32鏈接 或者 x64鏈接
通過 npm 安裝 Cordova
* Node.js 安裝成功後 在 控制檯 用 npm install -g cordova 安裝 Cordova。
* Cordova 安裝完畢後,通過 命令行 cordova -v 查詢安裝的 Cordova 版本。
* 我的 Cordova 版本是 8.1.2 ([email protected])

二、安裝 Java 和 Android 環境

在這裏我安裝的是 Java JDK 1.8 版本,應該使用 Java JDK 1.8+ 即可。

安裝 Java JDK 環境
* Java JDK 下載 鏈接,下載標註爲 Java SE 8u*** / Java SE 8u*** 即爲 Java JDK 1.8 版本。
* 隨後配置 Java JDK 環境變量,不會配置 Java JDK 環境變量的請轉向 鏈接
安裝 Android SDK 環境
* 下載谷歌官網的 adt-bundle-windows 下載 x86鏈接 或者 x86_64鏈接。如 被牆 百度網盤 下載 x86鏈接 或者 x86_64鏈接,adt-bundle-windows 裏面集成了 Android SDK 和 Eclipse,省事。
* 下載的 adt-bundle-windows 壓縮包內容解壓出來放到合適的位置,隨後配置 Android SDK 環境變量,不會配置 Android SDK 環境變量的請轉向 鏈接
* 把 Android SDK 環境變量配置完成後,運行文件夾中的 SDK Manager.exe 文件,由於 被牆 可能會更新失敗,解決方法的 鏈接
* 把 Android SDK 更新成功以後,默認勾選中的不用管他,然後 Tools 前三個都要勾選,隨後我還勾選了 Android 9Android 7,然後進行安裝,有幾十G,要耐心等待。
安裝 Apache Ant 環境
* 網上說需要安裝 Ant 所以我也安裝了 Apache Ant ,下載 網址apache-ant-1.10.5-bin.zip 直接下載 鏈接apache-ant-1.9.13-bin.zip 直接下載 鏈接
* 下載成功隨後解壓出來以後放到合適的位置,並配置環境,不會配置 Apache Ant 的請轉向 鏈接

三、創建 Cordova 應用程序

創建 Cordova 應用程序
* 使用命令行 coredova create CordovaProject 可直接創建項目目錄爲 CordovaProject 的 Coredova 項目。
* 使用命令行 cordova create CordovaProject io.cordova.hellocordova CordovaApp 創建項目 參考文檔 鏈接
  1. CordovaProject 是創建應用程序的目錄名稱。
  1. io.cordova.hellocordova 是默認的反向域值。 如果可能,您應該使用您自己的域值。
  1. CordovaApp 是您應用的標題。
添加 Android 平臺
* 創建好項目以後,命令行中使用 cd CordovaProject 進入項目 根目錄。
* 在項目 根目錄 命令行中使用 cordova platform add android 添加 Android 平臺。
* 您也可以從您的項目中刪除 Android 平臺 使用 cordova platform rm android 命令行。
* 注:如果您是其他平臺 可參考文檔 鏈接

四、構建和運行 Cordova

編譯成 apk 文件
* 編譯成 apk 文件需要在項目 根目錄 使用命令行 cordova build android 編譯成功以後會出現路徑爲 ...\platforms\android\app\build\outputs\apk\debug\app-debug.apk 的路徑,可以在此路徑找到編譯成功的 apk 文件。
模擬器或真實設備
* 現在我們可以運行我們的應用程序。 如果您使用默認模擬器,您需要要 根目錄 使用命令行 cordova emulate android
* 如果你想使用外部模擬器或真實設備,您應該使用命令行 cordova run android

參考文檔 :
  • H5程序員如何利用cordova開發跨平臺應用 鏈接
  • W3Cschool Cordova教程 鏈接
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章