vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue集成capacitor android打包为apk

vue集成capacitor android并打包为apk实践

作者:一只游鱼

文章主要介绍了如何将Vue项目集成到Capacitor和Android Studio中,并打包成APK文件,过程中遇到了版本冲突、下载超时和Java版本不匹配等问题,并提供了相应的解决方案

首先capacitor/android到vue项目

npm install --save @capacitor/core @capacitor/cli

初始化

npx cap init

打包vue项目

npm run build

下载

npm install @capacitor/android

npx cap add android  (这个命令后就有安卓项目啦)

打开as

npx cap open android  (这个会打开Android Studio,并加载环境)(可能遇到报错,,在最后我会说一说我遇到的问题。。。)

打包安卓项目(前提是项目能正常运行)

创建jks文件

点击Create new..创建一个jks文件

Jks是用于存储加密密钥和证书的,必须要有

(注意:我用黑色涂抹的是我已经保存好了的,没创建过是空的)

填写必要信息

选择打包类型和存放路径

等他打包好就行了,最后在刚刚填写的路径里找就可以了

我的放在了桌面上如图:文件夹(里边的apk可以直接安装在手机)

Android Studio运行安卓项目遇到报错

版本冲突

 Android Studio打开按做项目后,其刚开始的 gradle 是8.2.1, 然后报错冲突,试了很多次,换了gradle-8.2-bin.zip   这个报错才解决。。。

下载超时或cannot find jar 'kotlin-compiler-embeddable-1.8.20.jar' required by module 'gradle-kotlin-dsl' using classpath or distribution

这个问题看到许多人直接手动将kotlin-compiler-embeddable-1.8.20.jar下载,然后放到对应的文件夹下面,   但是我这死活不好使….,后来查了查GPT, gradle-wrapper.propertie文件下,将下载的url改为国内的就可以啦,distributionUrl=https\://mirrors.cloud.tencent.com/gradle/"你下载的gradle"

改为:

注意本地的java版本与项目中配置的Java版本

这个是本地的

我刚开始配置中的是VERSION_21  但本环境是17  于是报错,改成17就可以了,这个需要注意一下

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。 

您可能感兴趣的文章:
阅读全文