APP打包教程（使用HBuilder X工具打包uni-app）

谁践踏了优雅 2023-10-13 19:38 85阅读 0赞

### App打包（使用Hbuilder进行App打包） ###

#### 一、修改接口地址 ####

1.打开uni-app下config/app.js修改接口地址，将下图红框中的地址修改成您的域名

![cd5fe5df5f36eac57fec16fa3851242d.png][]

#### 二、配置参数 ####

##### 1.打开 uni-app 根目录下的 manifest.json 文件， 点击《基础配置》，重新获取 uni-app应用标识，获取之后填写 应用名称，应用描述，应用版本名称，应用版本号 #####

![ebc6c1a09afb8fca4945cd4f8bbbf051.png][]

##### 2.点击《App图标配置》，上传APP的图标文件，图标必须是1024\*1024大小，png格式，直角边，非透明，点击《自动生成所有图标并替换》 #####

![a9ac01f0b511f72543cdb62d9e50abc4.png][]

##### 3.点击《App模块配置》 #####

3-1. 选择《OAuth(登录授权)》，选择《微信登录》，填写开放平台的 appid 以及 Universal Links  
注：IOS必须同时要选择苹果登录

![8a0949bd47e381c60175da5e9e722631.png][]

3-2. 选择《Payment(支付)》，选择对应的支付方式，微信支付请填写开放平台的 appid 和 Universal Links，然后点击源码视图增加appsecret

![d04ddf9736037198c0e8861dd43d2f9d.png][]

![2a3f8ee5b5b010ecb2bdff5e43be189a.png][]

3-3 勾选《Share(分享)》，选择微信分享，填写开放平台的 appid 和 Universal Links

![e190f7c654d0864903dbb0e571a47271.png][]

3-8. 勾选《VideoPalyer(视频播放)》

![16fb721bcecbefca41adffd700efad61.png][]

##### 4.点击《App权限配置》，android会自动添加权限，IOS需要配置如下权限 #####

![07ae5fa288acee6c7fe16a795118a232.png][]

##### 5.点击《App常用其他配置》，勾选《支持CPU类型》下的armeabi-v7a #####

![b341206b91719f4338bb9f916e1fa7b3.png][]

#### 三、打包APP ####

##### 1.选择发行，点击原生app-云打包 #####

![f99302e498d5992746c47c6d7cdef7c2.png][]

##### 2.选择android和ios，填写对应的信息 #####

![356692108cc03e9edb1eab902fc01fc4.png][]

![09a15b9bcc82fc81d6a5d9da82031fcb.png][]

##### 3.点击左下方打包，等待进度条完成后点击确定，等待打包完成，下载APP包即可 #####

![48dc19e4c78672237a825c708972570e.png][]

![5369b88718022288f3eeb13b7f01ea84.png][]

[cd5fe5df5f36eac57fec16fa3851242d.png]: https://img-blog.csdnimg.cn/img_convert/cd5fe5df5f36eac57fec16fa3851242d.png
[ebc6c1a09afb8fca4945cd4f8bbbf051.png]: https://img-blog.csdnimg.cn/img_convert/ebc6c1a09afb8fca4945cd4f8bbbf051.png
[a9ac01f0b511f72543cdb62d9e50abc4.png]: https://img-blog.csdnimg.cn/img_convert/a9ac01f0b511f72543cdb62d9e50abc4.png
[8a0949bd47e381c60175da5e9e722631.png]: https://img-blog.csdnimg.cn/img_convert/8a0949bd47e381c60175da5e9e722631.png
[d04ddf9736037198c0e8861dd43d2f9d.png]: https://img-blog.csdnimg.cn/img_convert/d04ddf9736037198c0e8861dd43d2f9d.png
[2a3f8ee5b5b010ecb2bdff5e43be189a.png]: https://img-blog.csdnimg.cn/img_convert/2a3f8ee5b5b010ecb2bdff5e43be189a.png
[e190f7c654d0864903dbb0e571a47271.png]: https://img-blog.csdnimg.cn/img_convert/e190f7c654d0864903dbb0e571a47271.png
[16fb721bcecbefca41adffd700efad61.png]: https://img-blog.csdnimg.cn/img_convert/16fb721bcecbefca41adffd700efad61.png
[07ae5fa288acee6c7fe16a795118a232.png]: https://img-blog.csdnimg.cn/img_convert/07ae5fa288acee6c7fe16a795118a232.png
[b341206b91719f4338bb9f916e1fa7b3.png]: https://img-blog.csdnimg.cn/img_convert/b341206b91719f4338bb9f916e1fa7b3.png
[f99302e498d5992746c47c6d7cdef7c2.png]: https://img-blog.csdnimg.cn/img_convert/f99302e498d5992746c47c6d7cdef7c2.png
[356692108cc03e9edb1eab902fc01fc4.png]: https://img-blog.csdnimg.cn/img_convert/356692108cc03e9edb1eab902fc01fc4.png
[09a15b9bcc82fc81d6a5d9da82031fcb.png]: https://img-blog.csdnimg.cn/img_convert/09a15b9bcc82fc81d6a5d9da82031fcb.png
[48dc19e4c78672237a825c708972570e.png]: https://img-blog.csdnimg.cn/img_convert/48dc19e4c78672237a825c708972570e.png
[5369b88718022288f3eeb13b7f01ea84.png]: https://img-blog.csdnimg.cn/img_convert/5369b88718022288f3eeb13b7f01ea84.png