一、下载 “HBuilderX” 前端开发工具 并安装

HBuilderX 下载地址：https://www.dcloud.io/hbuilderx.html

二、导入uniapp项目

1. 打开HBuilderX -> 顶部菜单栏 -> 文件 -> 导入 -> 从本地目录导入 -> 选择uniapp端项目目录

   

2. 找到config.js文件，找到里面的apiUrl项，填入已搭建的后端url地址

   

三、设置APP的图标

打开 manifest.json 文件，选择 APP图标配置 项，按照下图提示，生成APP的图标文件

四、打包安卓端APP

1. 打开HBuilderX -> 顶部菜单栏 -> 发行 -> 原生APP - 云打包
2. 勾选 Android（apk）包
3. 勾选 使用云端证书
4. 勾选 打正式包
5. 取消勾选 广告项

配置完成后点击 打包按钮， (云打包服务由uni-app官方DCloud提供)

开始打包后，会进入云服务的队列，具体状态显示在控制台，等待打包完成即可拿到 apk文件

五、打包苹果端APP

1. 打开HBuilderX -> 顶部菜单栏 -> 发行 -> 原生APP - 云打包
2. 勾选 IOS（ipa）包
3. 填写 Bundle ID （IOS应用的唯一标识）
4. 勾选 支持iPhone
5. 选择 IOS证书文件及秘钥 ，如何申请IOS证书请参考该教程：https://ask.dcloud.net.cn/article/152
6. 勾选 打正式包
7. 取消勾选 广告项

配置完成后点击 打包按钮， (云打包服务由uni-app官方DCloud提供)

开始打包后，会进入云服务的队列，具体状态显示在控制台，等待打包完成即可拿到 ipa文件