Cordova框架搭建及打包尝试(过程记录)

安装&创建项目

全局安装cordova

npm install -g cordova

创建项目名为HelloWorld的命令,com.example.hello按照文档说法需要改为实际项目域名:

cordova create hello com.example.hello HelloWorld

添加android环境(这次是在Windows上尝试,所以只能配置android环境;(打ios需要mac系统的xcode,没有实践记录)):

cordova platform add android

环境配置

android平台的环境配置:

安装jdk17版本;
gradle7.6-all版本;
Android sdk安装最高版本和最低版本即可;

以下配置根据实际安装位置,变量名如下:

ANDROID_HOME:E:\AndroidSDK\SDK
ANDROID_SDK_ROOT:E:\AndroidSDK\SDK
GRADLE_HOME:E:\AndroidSDK\gradle-7.6-all\gradle-7.6
JAVA_HOME:C:\Program Files\Java\jdk-17
PATH下的环境变量配置:
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin
%ANDROID_HOME%\build-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\cmdline-tools\latest\bin
%GRADLE_HOME%\bin
%JAVA_HOME%\bin

查看对应平台的打包环境是否满足

cordova requirements

执行不通过的话会报错,需要根据报错信息查找原因,大部分是因为环境和版本不匹配,查一下jdk和android版本的兼容版本重新安装即可;
下图是android环境配置正确的命令输出:
img.png

打包

最后执行打包命令:

cordova build android

等到打包结束,apk文件输出在项目下此目录:platforms\android\app\build\outputs\apk\debug
img.png

说明

此记录只是跑通了cordova的项目创建和打包环境配置以及打包尝试,中间因为配置兼容问题卡了一段时间,后续再测试相关api功能转换~~