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环境配置正确的命令输出:
打包
最后执行打包命令:
cordova build android
等到打包结束,apk文件输出在项目下此目录:platforms\android\app\build\outputs\apk\debug
说明
此记录只是跑通了cordova的项目创建和打包环境配置以及打包尝试,中间因为配置兼容问题卡了一段时间,后续再测试相关api功能转换~~
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!