🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
页面关键字:app 打包app 生成app APP支付 iOS 安卓 ### **注意:打包APP需要有一定的基础,小白不建议自行打包,可联系客服提供付费打包服务。** 必备:Hbuilder X账号,微信开放平台,签名生成工具 Hbuilder X下载链接:[https://www.dcloud.io/hbuilderx.html](https://www.dcloud.io/hbuilderx.html) 微信开放平台链接:https://open.weixin.qq.com/ 签名生成工具:https://developers.weixin.qq.com/doc/oplatform/Downloads/Android_Resource.html [TOC] 打包流程:(Android)先打包获取包名签名,再申请微信开放平台,审核通过后获取appid,再次打包相关appid等信息 ## 打包APP 首先在控制台对应的账号后面点击下载代码包然后解压得到uniapp_开头的代码包 ![](https://img.kancloud.cn/67/89/678920d7770aa413aa7f3b9241f74897_1525x891.png) ![](https://img.kancloud.cn/a3/0c/a30c3611d65f83cf813047279ccfca11_1525x835.png) 然后使用Hbuilder X导入代码 如未下载Hbuilder X请先下载 https://www.dcloud.io/hbuilderx.html ![](https://img.kancloud.cn/dd/49/dd4950fcbabb417acc374000f14a5a26_1032x672.png) 点击文件-导入-从本地目录导入 ![](https://img.kancloud.cn/ef/31/ef31148a1e3f5e0b7826c2db755ac543_1024x768.png) 选择下载并解压好的uniapp文件 ![](https://img.kancloud.cn/83/12/8312321ecf77cc258e3fa749f34cf299_1083x768.png) 导入后点击androidPrivacy.json替换自己的服务协议和隐私政策 ![](https://img.kancloud.cn/25/f8/25f869e6627e4ae21527971fc27eb21f_1894x681.png) 点击manifest.json配置App信息、获取AppID(原有AppID是我们的,客户需要重新获取生成自己的)、填写应用名称等信息 ![](https://img.kancloud.cn/43/d7/43d7cac5b8af1a9519522fc90802aafe_1024x768.png) 设置图标 ![](https://img.kancloud.cn/6e/29/6e29fe2785a10aad6030704b087b5969_1152x768.png) 如需打包64位版本,需勾选CPU类型 arm64 ![](https://img.kancloud.cn/41/c6/41c67fe10fe3d62eb7a7f37edcdee414_819x404.png) 配置完成后点击发行---原生App云打包 ![](https://img.kancloud.cn/bb/02/bb02747945d9938431313be1216ed80b_1160x772.png) 选择Android、IOS 填写证书信息 Android使用自有证书或云端证书都可以,iOS需自行申请证书不做过多说明详情看具体链接 证书信息指南: Android平台签名证书生成指南 https://ask.dcloud.net.cn/article/35777 jre1.8.0下载 http://image.wxx1.com/upload/jre1.8.0_201.zip IOS证书申请指南 https://ask.dcloud.net.cn/article/152 填写Android、iOS包名(应用包名自定义即可,格式可以按照com.***.***) >[danger]填写的应用包名将用于生成签名 > ![](https://img.kancloud.cn/fe/91/fe9129c6762c618f165e073af0d2fbd5_1205x913.png) 等打包完成后发送到手机端安装测试 ![](https://img.kancloud.cn/2d/9c/2d9c3594aa117d83bbddaaace45559ee_1152x768.png) Android平台签名证书生成指南 https://ask.dcloud.net.cn/article/35777 jre1.8.0下载 http://image.wxx1.com/upload/jre1.8.0_201.zip IOS证书申请指南 https://ask.dcloud.net.cn/article/152 ## 获取应用签名 应用签名使用签名生成工具进行生成 https://developers.weixin.qq.com/doc/oplatform/Downloads/Android_Resource.html ![](https://img.kancloud.cn/d2/6d/d26d8e4d3a12e12a3fc971ff901a98da_852x171.png) 将app包下载到手机上,然后把签名生成工具下载到手机上 然后通过签名生成工具获取应用签名 获取过程如下 在其中输入需要获取签名的应用包名,点击获取签名即可 ![](https://img.kancloud.cn/f6/d6/f6d696334a133ff63be07216a51db62a_598x500.png) ## 微信开放平台里申请移动应用 >[danger]微信开放平台主要用于微信登录,微信支付,微信分享 > 在微信开放平台(open.weixin.qq.com)创建移动应用 ![](https://img.kancloud.cn/b1/c2/b1c26d5f651ac0696a9a2be1c4be3bd7_1440x757.png) ![](https://img.kancloud.cn/aa/c3/aac3d1a13ea800232220972853ec525e_1440x701.png) ![](https://img.kancloud.cn/d6/77/d6774b57c6357c59a9dc21ccbbbc5520_1440x757.png) 点击下一步 ![](https://img.kancloud.cn/f5/11/f5117584249041eeec5dac7f88c669b5_1440x701.png) ![](https://img.kancloud.cn/d8/49/d8496a8293324620d9995b3c21673d3b_1440x701.png) ![](https://img.kancloud.cn/98/98/98984843fd5c9f5f6611643c4c4996d3_1440x757.png) IOS应用的 Universal Links需要在HbuilderX中生成 ![](https://img.kancloud.cn/c7/76/c7768be7eeb423288851a911faa8038a_1152x768.png) 点击提交审核进行审核 审核通过后将AppID和AppSecret填写到商城后台 ![](https://img.kancloud.cn/2c/6e/2c6edfb0b22cf07d4c98dcebabf7d14d_1440x701.png) ![](https://img.kancloud.cn/2b/e4/2be4b2d1c57366e4f9d215d89ecfc139_1440x701.png) ## 重新打包 在控制台对应的账号后面点击下载代码包然后解压得到uniapp_开头的代码包 ![](https://img.kancloud.cn/67/89/678920d7770aa413aa7f3b9241f74897_1525x891.png) ![](https://img.kancloud.cn/a3/0c/a30c3611d65f83cf813047279ccfca11_1525x835.png) 然后使用Hbuilder X导入代码 如未下载Hbuilder X请先下载 https://www.dcloud.io/hbuilderx.html ![](https://img.kancloud.cn/dd/49/dd4950fcbabb417acc374000f14a5a26_1032x672.png) 点击文件-导入-从本地目录导入 ![](https://img.kancloud.cn/ef/31/ef31148a1e3f5e0b7826c2db755ac543_1024x768.png) 选择下载并解压好的代码目录 ![](https://img.kancloud.cn/83/12/8312321ecf77cc258e3fa749f34cf299_1083x768.png) 导入后 点击manifest.json配置App信息 获取AppID(原有AppID是我们的,客户需要重新获取生成自己的)、填写应用名称等信息 ![](https://img.kancloud.cn/30/d0/30d02d002d7c542ae4abd32b858ca4aa_1024x768.png) 设置图标 ![](https://img.kancloud.cn/6e/29/6e29fe2785a10aad6030704b087b5969_1152x768.png) APP模块配置里需要把扫码、相机和相册、maps地图---高德地图、oauth(登录授权)---微信登录、payment(支付)---支付宝支付和微信支付、share(分享)---微信分享、videoplayer(视频播放)勾选并配置,如下图 ![](https://img.kancloud.cn/d9/11/d911a0fd2eb5de3edc4b586ecb7391f4_1096x604.png) ![](https://img.kancloud.cn/53/60/53600c60ff1662148040985bc336042d_1611x896.png) ![](https://img.kancloud.cn/0f/82/0f826cd4228b8dbc132df7c141b7d485_1638x922.png) ![](https://img.kancloud.cn/f4/24/f424f50518c6d39b9a58e5620d744e63_1614x795.png) 如需打包64位版本,需勾选CPU类型 arm64 ![](https://img.kancloud.cn/41/c6/41c67fe10fe3d62eb7a7f37edcdee414_819x404.png) 配置完成后点击发行-原生App云打包 ![](https://img.kancloud.cn/bb/02/bb02747945d9938431313be1216ed80b_1160x772.png) 选择Android、IOS 填写证书信息 证书信息指南: Android平台签名证书生成指南 https://ask.dcloud.net.cn/article/35777 jre1.8.0下载 http://image.wxx1.com/upload/jre1.8.0_201.zip IOS证书申请指南 https://ask.dcloud.net.cn/article/152 填写Android、iOS包名(包名自定义即可,格式可以按照com.***.***) ![](https://img.kancloud.cn/fe/91/fe9129c6762c618f165e073af0d2fbd5_1205x913.png) 等打包完成后发送到手机端安装测试 ![](https://img.kancloud.cn/2d/9c/2d9c3594aa117d83bbddaaace45559ee_1152x768.png) Android平台签名证书生成指南 https://ask.dcloud.net.cn/article/35777 jre1.8.0下载 http://image.wxx1.com/upload/jre1.8.0_201.zip IOS证书申请指南 https://ask.dcloud.net.cn/article/152 ## 配置支付 ### 微信支付设置 首先登陆微信支付商户平台 pay.weixin.qq.com 在产品中心找到App支付,点击进入申请开通 ![](https://img.kancloud.cn/2e/6f/2e6fcdf2504ee069c8c186bd2d3f3c6b_1440x757.png) 开通后将商户号 支付密钥及证书上传到商城后台 ![](https://img.kancloud.cn/5a/15/5a155f1b9a870aa9efdb4769c02f9e52_1440x757.png) ### 支付宝支付设置 首先登录支付宝开放平台创建网页&移动应用 https://openhome.alipay.com/platform/developerIndex.htm ![](https://img.kancloud.cn/ec/0a/ec0a343033cdc7ef6bf3fa3eb1c987c1_1573x726.png) ![](https://img.kancloud.cn/2b/71/2b719f2226f6f65c0bfa471cae8ad18c_1427x703.png) 创建并审核完成后点击创建的应用进入 ![](https://img.kancloud.cn/ef/7f/ef7f9127e765ef5ad1abdb36d677c9e0_1620x750.png) 点击应用信息 设置接口加密方式 使用支付宝Web在线加密工具生成密钥 https://miniu.alipay.com/keytool/create 点击生成密钥,将支付宝Web在线加密工具里的**应用私钥**填写到**商城的应用私钥**中,将**应用公钥**填写到**支付宝的[填写公钥字符]**中(这里要特别注意不要填写错了) ![](https://img.kancloud.cn/64/60/64604129e676c0978fe7837f13c63f09_1525x891.png) ![](https://img.kancloud.cn/cb/73/cb73df5d7089874caea9346a4976ee11_1525x891.png) ![](https://img.kancloud.cn/ec/09/ec09349ab419309d72b4260e86284b84_1525x891.png) 点击保存设置后 复制**支付宝公钥到商城的支付宝公钥中**后保存 ![](https://img.kancloud.cn/ed/39/ed395436715d2a9a44c0ce3c8288bb96_1440x757.png) ## 设置安装包地址 安装包地址: ![](https://img.kancloud.cn/cb/3b/cb3b7fa402a2cd29e5d1f4d420e4e1ec_1362x643.png) Android安装地址:可上传到站点根目录然后设置安装包地址https://v2.diandashop.com/安装包文件名.apk 第一步:登录宝塔面板-文件-找到对应的项目目录-点击上传-安装包上传成功后 ![](https://img.kancloud.cn/2f/a8/2fa8750680834f74b6d56bac375f175d_708x496.png) ![](https://img.kancloud.cn/7f/a7/7fa74b43bf1f5605fc848bf60f72c0f0_714x548.png) ![](https://img.kancloud.cn/18/12/18127b05e607ed13ffd60cd621f7dfb2_1109x773.png) 第二步:在后台把Android安装地址填写上,然后可以直接通过后台的用户下载地址下载app >[danger]1、填写格式:https://v2.diandashop.com/安装包文件名.apk(每个客户填写格式都不一致,具体格式请参考点大后台--平台--手机app--Android安装地址的小字提示) 2、安装包名字需要用英文或数字命名,切勿用中文 > ![](https://img.kancloud.cn/db/31/db31dc379c13a0a88c400823c9b06a17_1076x209.png) IOS安装地址:上架后在应用商店中复制链接地址到点大后台,同样可以直接通过后台的用户下载地址下载app ![](https://img.kancloud.cn/7c/ca/7cca10c111a4359fd895d4c28165861d_315x564.png)