微信小程序打包教程,环境如果未配置请参考【CtouyAPP 前端环境安装教程】
1.解压front_开头的压缩文件包到任意路径(不允许有中文)
目录结构如下
![CtouyAPP 安卓、IOS打包教程](https://ctouy.com/wp-content/uploads/2023/09/image-39.png)
2.打开HbuilderX导入项目
3.选择项目中的任意文件,并点击左下角内置终端图标,如果没安装将自动提示安装,
![CtouyAPP 安卓、IOS打包教程](https://ctouy.com/wp-content/uploads/2023/09/image-41.png)
4.出现如下内容
![CtouyAPP 安卓、IOS打包教程](https://ctouy.com/wp-content/uploads/2023/09/image-42.png)
5.在终端内安装支持库
yarn install
出现以下内容,等待安装即可
![CtouyAPP 安卓、IOS打包教程](https://ctouy.com/wp-content/uploads/2023/09/image-43.png)
6.安装完成
出现提示done in即安装完成
![CtouyAPP 安卓、IOS打包教程](https://ctouy.com/wp-content/uploads/2023/09/image-44.png)
7.设置APP图标
打开src/mainfest.json,出现右侧内容,选择生成图标的图片,并点击自动生成所有图标并替换
![CtouyAPP 安卓、IOS打包教程](https://ctouy.com/wp-content/uploads/2023/09/image-55.png)
8.首次打包重新获取uniapp应用标识,并填写应用名称、描述等信息
![CtouyAPP 安卓、IOS打包教程](https://ctouy.com/wp-content/uploads/2023/09/image-56.png)
9.发行-使用云打包
![CtouyAPP 安卓、IOS打包教程](https://ctouy.com/wp-content/uploads/2023/09/image-57.png)
10.根据需要选择要打包平台,选择安心打包
安卓使用云端证书即可
![CtouyAPP 安卓、IOS打包教程](https://ctouy.com/wp-content/uploads/2023/09/image-58.png)
ios证书需要自行申请
![CtouyAPP 安卓、IOS打包教程](https://ctouy.com/wp-content/uploads/2023/09/image-59.png)
11.点击打包后等待服务器响应返回apk、ipa等安装内容
如果提示下方内容,安装即可
![CtouyAPP 安卓、IOS打包教程](https://ctouy.com/wp-content/uploads/2023/09/image-60.png)
等待打包完成
![CtouyAPP 安卓、IOS打包教程](https://ctouy.com/wp-content/uploads/2023/09/image-61.png)
成功后会提示安装包的目录
![CtouyAPP 安卓、IOS打包教程](https://ctouy.com/wp-content/uploads/2023/09/image-62.png)
12.安卓如无需上架到应用商店,直接分发APK包即可,IOS需上架到官方应用商店。