uniapp打包app并发布到主流应用市场

已于 2025-02-13 14:20:44 修改
阅读量8.6k 收藏 112
点赞数 39
分类专栏： Uniapp vue.js 文章标签： uni-app vue.js
于 2024-06-13 17:10:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RD_Xiaobai/article/details/139653207
版权

文章目录

前言

介绍uniapp如何去打包app，并将app发布到应用市场

一、打包app前的manifest.json配置

  1. app图标配置
    app2
    先选择一张你的图标图片，图片格式需要png的。
    自动生成：选完之后点击<自动生成所有图标并替换>，后面的各个规格图片就自动生成，且图片自动放在unpackage文件中。
    手动生成：也可以自己手动配置所有规格图标，这需要UI提供各个规格的图片，手动配置上去
  2. app启动界面配置
    app3
    安卓和IOS都可使用通用启动界面，也可自定义配置
  3. app模块配置
    app4
    app包含的扩展模块。业务上有用到微信登录、一键登录、微信分享。则需要配置OAuth(登录鉴权)和Share(分享)

二、打包需要的证书

我使用的是香蕉云编ÿ

最低0.47元/天 解锁文章
uniapp - 实现安卓App打包上架应用商店详细教程，详解Hbuilder打包编译apk发布上传到应用市场全流程，提供uniApp云打包、离线打包app、原生本地打包，附带APP备案和安卓证书申请
王佳斌
09-21 1万+
uni-app，安卓，APP，应用商店，打包编译apk，上架到应用市场，如何打包app并发布到主流应用市场，发布为AndroidApp流程，应用备案，如何申请安卓证书，hbuilder发布安卓apk后怎么上传到各家软件商店，创建app证书，uniapp发行原生APP本地打包安卓APK，详细最全的步骤教程，项目打包成apk，云打包，安心打包，安卓app离线打包，一直审核不通过，被拒绝，不符合规范，上架发布失败，申请安卓证书和获取证书信息，uni-app打包发布安卓Android软件到各大应用商店，腾讯应用
uniapp打包和发布APK教程
renkai721的专栏
05-20 5231
hbuilderx打包apk，android studio打包apk文件
uni-app如何发布项目为app_2025
最新发布
kussm_的博客
03-12 1322
（选择第二种方式，ps：导入插件后，建议先创建一个项目进去，进去后汉化才开始，我踩坑的就是在欢迎界面区安装插件，结果一直不汉化，等创建一个项目后就汉化了）只需要将第二步的重新打包的文件，替换第四步的文件，然后重启Android Studio，然后进行第十一步骤就可以了；前提是要配置好jdk：我是学java的，我很早就已经配置了，没有配置的可以参考。然后关注控制台，导出成功即可（记得这个位置，这个文件需要用到）（建议先改变位置，生成的文件的位置就在你输入这个命令的位置）密码输入是看不见的，输完回车就行；
uniapp - 实现苹果App打包上架App Store应用商店详细教程，详解Hbuilder打包编译ipa发布上传到苹果ios软件商店全流程，提供云打包/离线本地打包ios、申请IOS苹果证书方法
王佳斌
09-21 1万+
uni-app，苹果ios，苹果app，打包编译，appstore应用商店，ipa发布到软件商店，uniapp的app苹果应用商店上架，上架苹果APPStore，uniApp打包的ipa文件上传到商店，上架苹果商城，审核失败，被拒绝，UniApp打包ipa文件，上架iOSAppStore流程指南，最新详细教程最全，Hbuilder打包发布iosapp，苹果云打包上线全过程，云打包IPA并上传到商店，打包iOSipa文件后怎么发布到应用商店，苹果证书申请教程，ios证书申请，mac电脑，审核很久
uniapp开发app应用从创建到上架
xiao1215fei的专栏
11-13 5142
通过uniapp官方开发文档，可以完成app开发，但开发过程中难免遇到疑难杂症，以下是本人开发过程中遇到的各种问题及应对方式，仅供参考。
uniapp(安卓 | 苹果) - 最新详细实现App打包发布教程，uni-app苹果IOS软件应用上架App Store软件商店，uni-app打包发布安卓Android软件到各大应用商店（详细教程
高级前端工程师
06-15 1万+
uni-app，安卓android，苹果ios，uniapp App软件，Uniapp上架发布应用，打包构建，apk、app软件，应用商店，应用市场，app store，uni-app安卓苹果app上架应用商店，app应用从创建到上架_uniapp打包app的流程和上架，uniapp打包上架ios Appstore 最全流程，苹果应用商店上架教程，uniapp生成的app怎么上架到iphone的app store，uni-app打包到上架Android , ios完整详细流程，审核一直不通过，软件商店审核失
uni-app - App打包
qq_63732605的博客
07-21 4242
8、选择环境变量---->系统变量中的path（双击）进入----->右侧新建---->将刚刚安装地址复制到此。12、选择左下角的传统打包----->点击打包------>继续打包----->等待打包。我的是在：此电脑---->右键选择属性---->高级系统设置。11、填写证书别名（testalias）、证书私钥密码、证书文件。5、如果没有证书，点击右侧如何生成证书，根据文档安装JRE环境。9、任意创建一个文件夹---->在地址栏中输入cmd。7、弹出打包校验---点击继续打包。
uniapp App打包
weixin_50810577的博客
02-08 3122
传统打包 1、点击原生app-云打包，填写相关证书信息，点击打包 2、打包后会生成打包文件，点击下载即可 附：安卓证书在线制作工具 安心打包（不上传证书） 1、点击原生app-云打包，填写相关证书信息，选择安心打包，点击打包 2、打包后会生成打包文件，在如下目录中： 如果需要对软件二次封装，为避免证书不一致的问题可以采用此种方式 ...
【uni-app系列】uni-app之App打包
热门推荐
邓邓子的博客
08-29 1万+
App 离线开发工具包，即 App离线SDK，是把 App 运行环境（runtime）封装为原生开发调用接口，开发者可以在自己的 Android 及 iOS 原生开发环境配置工程使用，包括 Android离线开发SDK 及 iOS离线开发SDK。2.7.0 之后提供 HBuilder-Integrate-AS 工程，可以直接导 入HBuilder-Integrate-AS 工程，直接运行 simpleDemo 项目即可。在 “个人中心” -> “账号信息” 中进行认证操作，输入认证信息并提交。...
小兔鲜儿 uniapp - 项目打包
每天都要努力学习哦~~
01-04 1574
条件编译支持: 支持 .vue, .ts, .js, .scss, .css, pages.json 等文件。Q：按照 uni-app 规范开发可保证多平台兼容，但每个平台有自己的一些特性，该如何处理？把当前 uni-app 项目打包成网页(H5)端，并配置路由基础路径。把当前 uni-app 项目打包成微信小程序端，并发布上线。根路径，部分网站并不是部署到根路径，需要按运维要求调整。项目打包上线需要使用到多个工具，注意工具之间的职责。的打包，预览、测试、发行，使用。，让代码按条件编译到指定平台。
uni-app打包安卓app并安装运行【详细教程】
LYJbao的博客
03-04 6549
把链接转成二维码，就可以扫码下载了~开始运行后，刚才与你的电脑所连的手机就会有提示下载，你无视风险，继续安装就可以了，安装后，你的手机上就会有相应的app了~（发行中，这两次扫码安装都是不用让电脑和手机连接的，手机扫码就可以了，无视风险安装即可~）这里不要拔掉数据线！
Uni-app 离线打包 安卓篇（含项目模板）
11-22
个人真理的一个uniapp 的离线打包教程，包含离线打包文档详细说明及项目源码
Uni-app打包步骤.docx
07-23
uniapp 安卓打包教程 超级详细简单 具体打包内容在文档里有详细的步骤 按照步骤即可打包完成 如有疑问 联系我
【HBuildX】uniapp打包成安卓程序
春天的波菜
10-05 3114
改不改无所谓使用云端证书# 如果没有启动cmd执行。
将 Uniapp 项目部署到各大应用市场的指南
前端开发探索之旅
02-11 1311
将 Uniapp 项目部署到各大应用市场需要按照不同市场的要求和流程进行操作。虽然过程可能会有些繁琐，但只要做好准备工作，严格按照步骤进行，就可以顺利将应用发布到各个平台，让更多的用户使用到你的应用。希望本文的指南能够帮助你成功完成 Uniapp 项目的部署。如果你觉得这篇文章对你将 Uniapp 项目部署到应用市场有所帮助，别忘了和关注我！同时，我非常期待与你交流，你在应用部署过程中遇到过哪些问题？或者你有什么独特的部署经验？欢迎在评论区留言，让我们一起在 Uniapp 开发的道路上共同进步！
uniapp上架苹果APP Store傻瓜式教程
m0_71386778的博客
01-09 1万+
在Hbuilder点击【发行】->【原生APP-云打包】，勾选【IOS（ipa包）】，填写Bundle ID，证书密码，选择之前生成的.p12和.mobileprovision的文件，点击【打包】等待打包完成后，点击下载链接下载ipa包到本地。在Mac OS系统中打开Transporter应用，添加并上传ipa包，交付应用成功后，会上传至App Store Connect中，可在【我的APP】->【TestFlight】中查看上传的版本。】，填写完成后点击提交，回到 列表页面即可看到刚创建的App ID。
uniapp打包发布h5、APP和微信小程序（自测体验版）
qq_634380940的博客
12-24 2691
uniapp打包发布h5、APP和微信小程序（自测体验版）
【 uniapp 】打包Android的apk(原生APP-云打包)，及发布测试_uniapp打包安卓
2401_84264662的博客
04-15 4218
*② 为什么使用自由证书：**云端证书、公共测试证书，可能会出现证书相同的情况，这个情况是不安全的，应用证书泄露可能会导致仿冒APP，从而覆盖之前我们生成好的包；**① 打包证书：**使用自有证书，证书的作用：证书是一个开发者身份的标识，对Android 系统而言，使用一个证书签发的APP，是属于同一个开发者的APP；**③ 没有证书如何生成：**使用 Java 【JDK】keytool 工具生成一个，制作Android没有费用，而Apple证书需要收费；② 本地离线打包，不限制打包次数，完全免费；
uniapp 打包app
nx250的博客
07-23 469
uniapp 打包app 从本文中你就会学到 生成安卓打包证书。 uniapp 后台相关配置。 uniapp 打包成apk文件 打开HBuilderX工具，导入要打包的项目。 修改项目配置。 修改基础配置。 修改appid,登录HBuilder重新获取 应用名称 应用描述 应用版本名称 应用版本号 App 图标设置 以上信息都在 manifest.json 根据需求修改项目模块。 真机调试。运行->运行到手机或模拟器 打包生成apk文件。发行->原生app-云打
非uniapp项目如何使用uniapp打包app
02-24
### 非 UniApp 项目环境下的应用打包方法 对于非UniApp构建的项目，如果希望利用UniApp工具链来实现应用程序的打包，可以考虑通过引入部分UniApp框架组件以及调整现有项目的结构来进行适配。具体操作如下： #### 调整项目结构以适应 UniApp 构建体系 为了使现有的HTML/CSS/JavaScript前端工程能够被HBuilderX识别并编译成移动应用，需按照特定目录布局重构代码文件夹[^1]。 ```plaintext project-root/ ├── src/ │ ├── components/ │ │ └── (Your existing component files here) │ ├── pages/ │ │ └── index.vue // Entry page of your app, convert main HTML to Vue single file component format. │ ├── App.vue // Application entry point, similar role as 'index.html'. │ └── manifest.json // Configuration for the application including name, version etc. └── static/ └── assets // Place all non-code resources like images and fonts inside this folder. ``` #### 安装依赖项与配置 HBuilderX 安装官方推荐IDE——HBuilderX，并创建一个新的空白`uni-app`模板作为基础，在此基础上逐步迁移原有业务逻辑至新架构下。 - 打开HBuilderX后选择菜单栏中的 `File -> New Project...`, 创建一个名为 "Blank" 的 uni-app 工程； - 将上述整理好的源码复制粘贴到新建项目的对应位置； - 修改或新增必要的配置选项(`manifest.json`)以匹配目标平台需求； #### 使用插件扩展功能 针对某些特殊场景可能还需要借助第三方库的支持，比如网络请求、本地存储等功能模块可以通过集成相应的npm包解决。确保所选方案兼容多端运行特性。 ```javascript // Example: Install axios via npm for HTTP operations within a Node.js environment import axios from 'axios'; export default { methods: { fetchData() { axios.get('/api/data') .then(response => console.log(response.data)) .catch(error => console.error('Error fetching data:', error)); } } } ``` #### 编译发布流程说明 完成以上准备工作之后就可以正常调用HBuilderX内置命令执行构建任务了。支持iOS和Android两大主流操作系统的同时也兼顾Web版本输出，满足不同终端用户的访问习惯。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

F2E_zeke

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值