关于quasar开发混合app(android为例)

框架提供了两种方案

1,使用cordova

2,使用capacitor

这里是安装quasar

先装个nodejs,确保node>8,npm大于5

npm install -g @quasar/cli,创建quasar项目quasar create 。用quasar dev浏览器跑一下看正常不

这里我选择老牌的cordova

npm install -g cordova

接下来安装android studio和java jdk,记得自己的安装路径,要配置环境变量

(可能还需要自己装个gradle)

setx ANDROID_HOME "%USERPROFILE%\AppData\Local\Android\Sdk"

setx path "%path%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;\bin;"

可以直接这么配置,不过可能不行,我还是记录一下环境变量用法(记得配置完重启运行的终端啊

环境变量

分为用户和系统,用户就当前用户,系统就全部用户。然后配置,举个例子:

关于quasar开发混合app(android为例)_第1张图片

系统找不到quasar这个指令了,路径在C:\Users\mid1897\AppData\Roaming\npm,我在环境变量里的path添加上C:\Users\mid1897\AppData\Roaming\npm,就找得到了。

配置完成后,打开android studio,下载你需要的jdk版本

关于quasar开发混合app(android为例)_第2张图片

添加完,回过头来到项目文件夹quasar mode add cordova,会多出来一个src-cordova的文件夹

再执行quasar build -m cordova -T android

这样就可以在\src-cordova\platforms\android\app\build\outputs\apk\release文件夹里找到初始的apk了

想在手机上运行要签名

keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 20000

这里生成私钥

jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.keystore alias_name

加黑的自己替换,这里添加签名

zipalign -v 4 HelloWorld.apk

这里优化打包

执行上边三条,其中keytool,jarsigner,这两个java jdk自带,找不到配置一下环境变量

zipalign在/Android/sdk/build-tools/VERSION/文件夹里,找不到配置一下环境变量

这时候就会在项目文件夹生成HelloWorld.apk了

这里说一下dev

开发过程想看一下怎么样了,当然需要个模拟器,手机在连接同一网段也行,不过手机要挂机打游戏。

studio自带的也行,想要模拟器速度快点的,就装个oracle vm virtualbox和genymotion,选个和开发同版本sdk的手机开起来。

运行quasar dev -m cordova -T android会让你选个ip,没开什么其他东西的情况下,除开自己的ip,另一个就对了。然后模拟器上就有quasar的主界面了,就可以开发了。

你可能感兴趣的:(关于quasar开发混合app(android为例))