基于MacOS配置Codova APP开发环境(Android)

APP开发


浏览:1384 次

环境参数

MacOS Catalina 10.15.7

Cordova版本:10.0.0

NodeJS版本:12.18.2

Java SDK:1.8.0

Android目标:7.1

Android Gradle:4.1

1、 安装NodeJS

建议安装NodeJS版本管理工具,如nvm(windows)、n(macOS)

2、 Cordova的全球安装

cnpm i-g科多瓦

3、 创建APP项目

Cordova创建[根文件夹][包名称][App名称]

输入项目根目录

Cd[根文件夹]

4、 构建Android APP开发环境

添加Android平台

#建议指定版本@

cordova平台添加android@7.1.1--保存

检查机器是否符合Android平台建设要求

cordova要求

Java SDK(本地安装)、Android SDK、Android目标和Gradle需要安装和配置

安装JDK

JDK可以从以下oracle官方网站下载:

配置JAVA_ HOME环境变量

修改。bash,如下所示:

......

export JAVA_ HOME=“xxx/xxx”#根据实际情况修改

export PATH=“$JAVA_HOME/bin:$PATH”

没有bash_ Profile,触摸Create a new one。写入:source后执行命令。bash_配置文件配置生效或重新打开终端,然后检查java和javac命令是否成功执行,并执行java版本;javac-版本;

下载并配置Android SDK

地址:

Mac OS X android-sdk_ r24.4macosx。zip 98 MB

android-sdk.png

解压缩zip包并进入android sdk macoxs下的工具文件夹。双击Android文件。您可以启动Android SDK管理器。

android-sdk-manager.png

根据Cordova文件要求进行检查☑️

Android SDK平台工具

Android SDK构建工具(Cordova官方文档要求版本为19.1.0或更高,建议选择最新版本)

目标Android版本的Android平台SDK(例如,如果我想基于Android 7.1开发,我会找到相应的平台SDK进行安装)

Android支持库(在Extras中搜索)

配置ANDROID_ SDK_ ROOT环境变量

此外,请修改。bash,如下所示:

......

#在文件底部添加以下内容:

export ANDROID_ SDK_ ROOT=“/Users/xxx/ANDROID/ANDROID SDK mac osx”#根据实际情况修改

ANDROID_工具=“$ANDROID_SDK_ROOT/工具”

ANDROID_平台_工具=“$ANDROID_SDK_ROOT/平台工具”

ANDROID_BUILD_TOOLS=“$ANDROID_SDK_ROOT/构建工具”

export PATH=“$PATH:$ANDROID_TOOLS:$ANDROID_PLATFORM_TOOLS:$ANDROID_BUILD_TOOLS”

写入:source后执行命令。bash_配置文件配置生效或重新打开终端。执行android-v以验证配置是否有效。

安装和配置Gradle

根据您的实际情况下载相应的Gradle版本:

修改。bash,如下所示:

......

#在文件底部添加以下内容:

ANDROID_ GRADLE=“/Users/xxx/Androd/GRADLE-4.1/bin”#根据实际情况修改

export PATH=“$PATH:$ANDROID_GRADLE”

写入:source后执行命令。bash_配置文件配置生效或重新打开终端。执行crawl-v以验证配置是否有效。

此时,在APP项目的根目录中运行cordova requirements。如果没有什么意外的话,Android构建环境的基础已经配置好了

cordova android要求

构建App

在构建之前,修改3构建gradle文件中的maven url。否则,由于爬墙问题,在构建过程中无法下载相关资源文件

[项目根目录]/platforms/android/build.gradle

[项目根目录]/platforms/android/app/build.gradle

[项目根目录]/platforms/android/CordovaLib/build.gradle

在文件中找到buildscript节点,修改节点中的mavenurl,然后https://maven.google.com修改为https://dl.google.com/dl/android/maven2/

也可以将其修改为上的镜像路径https://maven.aliyun.com/repository/google

......

内置脚本{

存储库{

mavenCentral()

马文{

url“https://dl.google.com/dl/android/maven2/ "

}

j中心()

}

......

}

开始构建:

cordova构建android

如果是第一次构建,Gradle链接中很可能会出现错误。此错误是由于需要在官方网站上下载相应的Gradle版本造成的。由于没有爬墙工具,下载失败导致的错误消息是:

cordova内置android gradle下载错误.png

手动下载目标文件gradle-4.1-all。zip并将其放在目标路径/User/<用户名>/Gradle/wrapper/dists/Gradle-x中。x-all/[24位ID代码]/,例如,我的放置路径是:

/用户/luzhihua/.gradle/wrapper/dists/gradle-4.1-all/bzy