Quasar +Cordova 开发打包移动端app
使用cordova开发打包移动端app安装、配置教程见:https://www.cnblogs.com/sunshine233/p/18241626
quasar+cordova文档: https://www.quasar-cn.cn/quasar-cli-vite/developing-cordova-apps/introduction
按照 使用Cordova运行项目到android 安装、配置完以后,quasar文档可以直接从
【注意:目录不要有中文!!!】
- 创建一个 quasar项目: npm init quasar , 按照提示输入内容
- cd 项目名,比如 cd helloworld
- 在quasar项目中添加cordova模式: quasar mode add cordova ,然后项目文件夹中会出现一个src-cordova文件夹,它所做的是使用 Cordova 脚手架 在 /src-cordova 文件夹中生成一个 Cordova 项目。每次构建时会覆盖 /src-cordova/www 文件夹。
注意:此时会让输入id,需要修改包名格式为 com.test.projectName 格式,否则 cordova platform add android 时会报错包名格式不对。
- 切换到 Cordova 项目 cd src-cordova
- 添加Android平台: cordova platform add android , 如果第三步忘记修改包名而报错,修改 src-cordova/config.xml 中id为 com.test.helloworld 格式即可
- 运行项目到Android手机: quasar dev -m cordova -T android 或者简约版 quasar dev -m android
此时usb连接的手机就运行了(“你好你好”是我自己加的):
【注意】此时手机有apk的图标,但实际上点开以后里面是一个网页,192.068.0.101:8080,所以必须联网且能热更新。如果想要不需要联网也能使用的apk文件,可以用 cordova 的原生打包命令,继续往下看。
如果想要打包发布,运行 quasar build -m android 。但需要注意,这里文档写的是
我们可以在 “/src-cordova/platforms/android/app/build/outputs/apk/release” 或等效路径(写在终端输出中)中找到我们未签名的 APK 文件。文件名通常以 “-release-unsigned.apk” 结尾。
但实际运行后,我的项目提示
Build succeeded Build mode................ cordova Pkg quasar................ v2.16.4 Pkg @quasar/app-webpack... v3.13.2 Pkg webpack............... v5 Debugging................. no Publishing................ no Packaging mode............ cordova Transpiled JS..... yes (Babel) ========================== Output folder............. E:\code_cordova\quasarCordova\dist\cordova Tip: "src-cordova" is a Cordova project folder, so everything you know about Cordova applies to it. Quasar CLI only generates UI the content for "src-cordova/www" folder and then Cordova takes over and builds the final packaged file. Tip: Feel free to use Cordova CLI ("cordova <params>") or change any files in "src-cordova", except for "www" folder which must be built by Quasar CLI.
而在 E:\code_cordova\quasarCordova\dist\cordova 路径中没有apk文件,只有.aab ,如图:
查询得知 aab 是谷歌应用商店要求的新格式,可以转为 apk,具体可以看 :https://blog.csdn.net/qq_39420519/article/details/118554055
由控制台 Tip: "src-cordova" is a Cordova project folder, so everything you know about Cordova applies to it. 提示可知:
- 进入 src-cordova 后,可以使用 cordova 原生命令。
- 但修改文件内容后 或 第一次使用cordova的原生命令之前,一定要先 quasar build -m android
- 然后再使用 cordova build android 或 cordova run android ,否则会报错或者修改的内容不生效。
-
This file will be auto-generated. Do not edit. Run "quasar dev" or "quasar build " with Cordova mode. 表示没有quasar build -m android.
cordova run android 运行如下:
这个apk就是可以发送给别人安装的apk: