Quasar +Cordova 开发移动端app

sunshine233 / 2024-06-11 / 原文

quasar+cordova文档： https://www.quasar-cn.cn/quasar-cli-vite/developing-cordova-apps/introduction

按照使用Cordova运行项目到android 安装、配置完以后，quasar文档可以直接从

https://www.quasar-cn.cn/quasar-cli-vite/developing-cordova-apps/preparation#2-%E4%B8%BA-quasar-%E9%A1%B9%E7%9B%AE%E6%B7%BB%E5%8A%A0-cordova-%E6%A8%A1%E5%BC%8F 开始看。

创建一个 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 build android 和 cordova run android 。

【注意】如果修改了文件内容，需要先执行 quasar build -m android 把内容重新编译到 src-cordova，然后再运行 cordova 命令修改的内容才能生效。

【注意】 quasar dev -m android 启动了项目，项目运行期间不能同时使用cordova命令，否则会报错如图。且第一次 quasar dev -m android 后也要先 quasar build -m android 一次，否则执行 cordova build android 和 cordova run android 时会报错如图。