当前位置：首页 > news >正文

Taro + vue3项目，如何生成安卓 apk 安装包

news 2025/9/19 7:13:15

概述：Taro本身并不支持发布app

Taro官方文档，Taro本身应该是不支持手机端app的，除非你用的是react native，下面是官网截图

在这里插入图片描述

于是我们就只能借助第三方组件库 capacitor

借助第三方库capacitor的操作步骤

安装平台包

npm install @capacitor/android @capacitor/ios

h5打包

npm run build:h5

添加平台

npx cap add android
npx cap add ios

同步文件

npx cap sync

这过程中遇到的问题：

[?] What should be the Package ID for your app?
Package IDs (aka Bundle ID in iOS and Application ID in Android) are unique identifiers for apps. They must be in
reverse domain name notation, generally representing a domain name that you or your company owns.
? Package ID » com.example.app

Package ID（包标识符）是您App的唯一标识符，格式为反向域名。建议：
com.yourcompany.appname

例如：

公司项目 com.mycompany.taro2app

个人项目 com.zhangsan.taro2app

测试项目 com.test.taro2app

https://capacitorjs.com/docs/getting-started#where-to-go-next
[?] Join the Ionic Community! �
Connect with millions of developers on the Ionic Forum and get access to live events, news updates, and more.
? Create free Ionic account? » (Y/n)

询问是否创建Ionic账户，这步可以直接输入 n 跳过

打开Android Studio（需要提前下载安装）

Android Studio 官方网站
直接运行下面命令就会自动打开 Android Studio

npx cap open android

1、首次打开后，右下角会自动下载一堆东西，这个过程需要15-30分钟，需要良好的网络

2、等待右下角"Gradle sync"完成
3、点击顶部菜单：
Build → Generate App Bundles or APKS 或者是
Build → Assemble Project
4、等待构建完成
5、弹出通知：“APK(s) generated successfully”
6、点击通知中的"locate"或"show in explorer"
在这里插入图片描述
如果看不到 build 的过程，窗口在这里打开：点击 View → Tool Windows → Build