cordova 入门

Cordova 是一个能允许 js 的android 环境。可以用 js + css 完成一个 android项目

安装

npm i cordova -g

下载安装 android studio

java jdk

brew install --cask zulu@17

很好！你的 Homebrew 安装的 Zulu JDK 位于：

主要路径：
• JDK 安装目录： /Library/Java/JavaVirtualMachines/zulu-17.jdk/
• JAVA_HOME 路径： /Library/Java/JavaVirtualMachines/zulu-17.jdk/Contents/Home/

重要子目录：
• 可执行文件 (java, javac 等)： /Library/Java/JavaVirtualMachines/zulu-17.jdk/Contents/Home/bin/
• 类库： /Library/Java/JavaVirtualMachines/zulu-17.jdk/Contents/Home/lib/
• 配置文件： /Library/Java/JavaVirtualMachines/zulu-17.jdk/Contents/Home/conf/

如果你需要设置 JAVA_HOME 环境变量，可以使用：
export JAVA_HOME=/Library/Java/JavaVirtualMachines/zulu-17.jdk/Contents/Home

安装 android studio

sdk platforms

• android sdk platform 35
• sources for android 35
• intel x86_64 atom system image
• google apis x86_64 atom system image

sdk tools

• android sdk build tools 35
• ndk latest
• android sdk command line tools latest
• android Emulator
• addroid sdk platform-tools

添加环境变量

macOS/Linux

export JAVA_HOME=/Library/Java/JavaVirtualMachines/zulu-17.jdk/Contents/Home
export ANDROID_HOME=~/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/cmdline-tools/latest/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
export PATH=$PATH:$ANDROID_HOME/emulator

创建 Cordova 项目

# 创建Cordova 项目
cordova create hello com.example.hello HelloWorld

## 进入项目
cd hello

## 安装android 
cordova platform add android

## 检查缺少的依赖
cordova requirements

• 检查支持的编译环境
  • cordova platform ls

修改build.gradle platforms/android/app/build.gradle

android {
.....
// 补充如下内容
 configurations {
        debugRuntimeClasspathCopy {
            canBeConsumed = false
            canBeResolved = true
        }
    }
 }

修改 gradle.wraper.properties. platforms/android/gradle/wrapper/gradle-wrapper.properties

distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-8.9-bin.zip
networkTimeout=10000
validateDistributionUrl=true
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists

缓存文件夹

• .idea/
• .gradle/
• build/

执行命令

./gradlew clean  

## 大包android 文件
./gradlew build

使用 Cordova 命令大包需要配置 gradle 变量

下载 gradle 去 https://mirrors.cloud.tencent.com/gradle/
下载8.9.zip，解压后配置环境变量

export PATH=$PATH:$ANDROID_HOME/emulator:~/Library/Android/sdk/gradle-8.9/bin

再次执行 cordova requirements 查看是否还有环境缺失

如果环境正常，执行 cordova build android 即可