前端运维:quasar框架Android打包为apk流程

本文详细介绍了使用Quasar框架进行Android应用的打包流程,包括环境配置、依赖安装、平台添加、插件集成、图标生成、签名文件创建等步骤。同时,提供了二次打包的简化流程和真机调试方法,以及解决常见问题的建议,如npm安装问题、环境变量设置等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一.首次打包需要配置相关的环境

quasar dev 运行程序

1.进入项目目录

cd yixin.app

2.安装项目依赖

npm install

3.安裝 cordova 環境

npm install -g cordova

4.添加 cordova 模式 生成 src-cordova目錄(只需要生成一次)

在这里插入图片描述

(app id 請以 com.company.Name 格式) com.spower.meterapp

quasar mode add cordova

5.添加平台

cd src-cordova 
cordova platform add android

6.安裝相關插件

調用相機
cordova plugin add cordova-plugin-camera
掃碼
cordova plugin add cordova-plugin-barcodescanner

7.生成圖標 提前配置好’icongenie-yixin.json’文件,生成一次即可若重新生成src-cordova则需要重新生成该文件

官方文档: 链接: link.

不要在scr-cordova安装
npm install -g @quasar/icongenie
在scr-cordova安装
icongenie g -p ../icongenie-yixin.json

8.打包为apk

quasar build -m android

9.生成簽名文件

keytool -genkeypair -alias name.keystore -keyalg RSA -validity 4000 -keystore name.keystore
jarsigner -verbose -keystore name.keystore -signedjar yixin.apk app-release-unsigned.apk name.keystore 

生成私钥(只需生成一次多次使用)

keytool -genkeypair -alias name.keystore -keyalg RSA -validity 4000 -keystore name.keystore

私钥加密

jarsigner -verbose -keystore name.keystore -signedjar yixin.apk app-release-unsigned.apk name.keystore 

二、第二次打包参考该步骤

添加平台
cd src-cordova
quasar build 

打包为apk
quasar build -m android

将该路径的文件
D:\devSource\yixin.app\dist\spa
路径的所有内容复制粘贴至
D:\devSource\yixin.app\src-cordova\www

再把密钥放到该路径
C:\Users\J\Desktop\yixin.app\src-cordova\platforms\android\app\build\outputs\apk\release

在该路径执行此命令
cd D:\devSource\yixin.app\dist\cordova\android\apk\release
jarsigner -verbose -keystore name.keystore -signedjar yixin.apk app-release-unsigned.apk name.keystore 

三.app真机调试

cd src-cordova 
quasar dev -m cordova -T android
edge浏览器:
edge://inspect/#devices

四、疑难杂症解决

1.使用npm安装无论有没有淘宝镜像不然会发生文件缺失问题
2.在VSCODE无法使用java -c gradle -v有时候是环境问题,有时候是因为windows权限问题,在cmd可以就确定是权限问题。
3.使用Android Studio安装SDK后需要检查环境变量,就这个位置吧不要切其他位置了。
在这里插入图片描述
在这里插入图片描述

4.build-tools版本用这个版本就对了(下图出现的bug),gradle版本好像都可以
在这里插入图片描述
在这里插入图片描述

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值