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文档可以直接从

 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 开始看。

【注意:目录不要有中文!!!】

  1. 创建一个 quasar项目:  npm init quasar  , 按照提示输入内容
  2. cd 项目名,比如  cd helloworld 
  3. 在quasar项目中添加cordova模式: quasar mode add cordova  ,然后项目文件夹中会出现一个src-cordova文件夹,它所做的是使用 Cordova 脚手架 在 /src-cordova 文件夹中生成一个 Cordova 项目。每次构建时会覆盖 /src-cordova/www 文件夹。
    注意:此时会让输入id,需要修改包名格式为 com.test.projectName 格式,否则 cordova platform add android 时会报错包名格式不对。

  4. 切换到 Cordova 项目 cd src-cordova  
  5. 添加Android平台: cordova platform add android  , 如果第三步忘记修改包名而报错,修改 src-cordova/config.xml 中id为 com.test.helloworld 格式即可
  6. 运行项目到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:

posted @ 2024-06-11 16:57  sunshine233  阅读(12)  评论(0编辑  收藏  举报