🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 支付宝小程序 ## **支付宝小程序** 本教程比较长,请仔细观看,细节不要忽视,不然可能配置不成功 <https://open.alipay.com/platform/home.htm> ![](https://img.kancloud.cn/97/18/97184f5bfe96c717ad0cd893353e3c3d_554x365.png) 首先登陆支付宝开放平台,没有的就先注册 ``` ``` ![](https://img.kancloud.cn/d4/c1/d4c193383564f0052a15e855f6973930_1586x764.png) ![](https://img.kancloud.cn/95/3e/953e8e98b7960d3905b13041208b9808_548x62.png) 注意必须注册企业支付宝账户!!!个人小程序是没有支付能力的!!! 注意必须注册企业支付宝账户!!!个人小程序是没有支付能力的!!! 注意必须注册企业支付宝账户!!!个人小程序是没有支付能力的!!! ``` ``` ![](https://img.kancloud.cn/38/00/3800403bfb6d5fe86775e9538a43e08c_553x316.png) ![](https://img.kancloud.cn/28/f9/28f96380d7def8aea10a3a6db2bfe847_554x391.png) ![](https://img.kancloud.cn/bf/c8/bfc83b6a3ebce2c925171e5f5030cda7_553x183.png) ### 创建完成后先去小程序信息里面改一下类目,完善一下资料 ![](https://img.kancloud.cn/7a/fa/7afa9e90fe94d0177c72c68c9414483b_495x130.png) # 然后去“产品绑定”勾选全部产品进行绑定,为了避免漏掉请勾选全部 # 勾选全部产品进行绑定!!! # 勾选全部产品进行绑定!!! # 勾选全部产品进行绑定!!! # 类目可以在绑定完所有产品后再改成自己实际类目 ``` ``` ![](https://img.kancloud.cn/d3/ec/d3ec64e06698cb6cea6b41a495c0b836_1586x764.png) 然后复制小程序appid以及小程序名称填入后台 ![](https://img.kancloud.cn/1a/e3/1ae33fca51cbe34fccf91b78f46a4355_1586x424.png) ![](https://img.kancloud.cn/cb/d2/cbd2736da8cf91de255e65b0024029fa_1586x337.png) 接下来配置支付宝公钥私钥 ``` ``` ![](https://img.kancloud.cn/09/ce/09ce613df23efd0825fb9de814f996c2_553x309.png) ![](https://img.kancloud.cn/84/90/84900ba9b8461ec9156d66be7d202bf0_554x398.png) 下载安装密钥工具 ![](https://img.kancloud.cn/d2/30/d2302a8feeaa7ba08e99350fdbbf8884_554x320.png) 打开工具直接生成密钥,复制公钥到设置密钥的地方保存 ![](https://img.kancloud.cn/2e/0b/2e0b0e55ff32929e740a1b15f4c27ab6_1586x680.png) 保存之后,把页面上的“支付宝公钥“复制填入后台对应“支付宝公钥”框里面 ![](https://img.kancloud.cn/85/38/8538cf79b62526c5096a3096f632e0a5_1586x715.png) 打开工具打开密钥文件路径,找到“应用私钥” ![](https://img.kancloud.cn/9e/ad/9eadc016fa97dcb65a66762a125287b1_1586x760.png) 打开文件应用私钥复制并填入后台“支付宝应用私钥” ![](https://img.kancloud.cn/1a/07/1a0710c54e7b94cd8a971965e53053cc_1586x761.png) ### 好了这就完成支付宝支付设置了 - - - - - - - - - - - - 特别提醒!!!特别提醒一定不要复制错了! 特别提醒!!!特别提醒一定不要复制错了! 特别提醒!!!特别提醒一定不要复制错了! ![](https://img.kancloud.cn/00/b2/00b2d322dff06f65d200f9d458170351_691x497.png) 看好教程里面提到的【应用公钥】和【支付宝公钥】,照抄就行!! 看好教程里面提到的【应用公钥】和【支付宝公钥】,照抄就行!! 看好教程里面提到的【应用公钥】和【支付宝公钥】,照抄就行!! ``` ``` 接下来设置接口内容加密方式生成密钥复制填入后台即可 ``` ``` ![](https://img.kancloud.cn/3b/d2/3bd2f53c913a4b344f58bb999650d03e_554x349.png) ![](https://img.kancloud.cn/08/4a/084a500077e89346eaabb9ee45492e1e_554x189.png) ![](https://img.kancloud.cn/21/ed/21ede3ece67dd502044f477e0bbb0446_554x140.png) ![](https://img.kancloud.cn/d2/9f/d29fecc4dcfa2c47754c3184a86f61ce_553x346.png) ## 接下来添加服务器ip白名单 ![](https://img.kancloud.cn/7e/41/7e41b284f8dc721d29f8905f82559726_1560x855.png) ![](https://img.kancloud.cn/1b/06/1b06c6c63d983742fe19cd62b9c5fe63_1559x521.png) ![](https://img.kancloud.cn/66/b7/66b7a2a87dc3d4aded49a23b23bdb725_1537x475.png) ![](https://img.kancloud.cn/1e/96/1e96fcf354e177c77591749a4bb1d4b8_1536x589.png) ## 去后台支付宝门店设置将该网址填写到支付宝小程序应用网关 ![](https://img.kancloud.cn/41/f4/41f4993dfb42ae82649a1c873d339e45_1586x703.png) ## 添加服务器域名,将你服务器域名以及apis.map.qq.com添加到服务器域名 ## ![](https://img.kancloud.cn/22/dc/22dc9bb40715345101c4f4a7671aa793_1560x855.png) ## -接下来下载好开发者工具,打开你在后台下载的代码包 ![](https://img.kancloud.cn/83/56/835625f7cb1abea7b0863c91668d79e0_1144x662.png) 打开下载好的代码包,按照如下路径找到common文件里面的vendor.js文件右键编辑 ![](https://img.kancloud.cn/b0/b6/b0b67bf5fc28f8570fe190ba345ff719_818x591.png) 根据你后台这边的改成自己的,然后保存文件,打开开发者工具 修改为你的ID和后台域名,微擎版的添加后缀/app/index.php,如果是独立版的直接修改 ![](https://img.kancloud.cn/f5/35/f535418b7497d9b8cd64a31fe68534b8_1586x778.png) ![](https://img.kancloud.cn/c3/aa/c3aa78b639f121d3c20e971eee13a79d_1000x700.png) 打开项目找到你解压文件的位置,选择最外面的文件夹即可 ![](https://img.kancloud.cn/08/f6/08f6b8f1be29a0455a2aa04219e5fa5d_870x664.png) 登陆选择你的小程序,上传版本-继续上传,完成小程序上传 ![](https://img.kancloud.cn/e6/fb/e6fbffe0897eedd62cd72979d1c43d06_868x691.png) ![](https://img.kancloud.cn/f1/ea/f1ea1c2f559d12ca0ce22b4d8f9ccd2e_1586x466.png) 上传完小程序后可以去开放平台版本管理这边生成体验版小程序测试流程,完成后提交审核!!! ``` ``` - - - - - - 接下来配置支付宝的支付功能! 注册支付宝服务商账号,登陆服务商后台 ``` ``` ![](https://img.kancloud.cn/04/a2/04a28771831d23006547bd5c69b5dae4_554x344.png) ![](https://img.kancloud.cn/98/32/98320e7b04b4e325db27a47c376019f5_554x267.png) 获取服务商PID填入系统后台 ``` ``` ![](https://img.kancloud.cn/bd/23/bd23277288d139fcc2aa86341cb0beb7_554x257.png) ![](https://img.kancloud.cn/a2/ad/a2ad69fa00339389dda55f4daf57ae61_554x184.png) ![](https://img.kancloud.cn/94/68/94683983cffd18f79682ee225605668f_554x284.png) ![](https://img.kancloud.cn/93/6b/936b9d884e1484a3d96fafbb6f758996_553x188.png) ![](https://img.kancloud.cn/98/86/988678d60c22e891edd226a35ed2a094_554x291.png) ![](https://img.kancloud.cn/77/2b/772b8df2b83e1b13a1eb05bf6880630f_553x356.png) ![](https://img.kancloud.cn/6d/4a/6d4a4fde543750d44ab1d0b36df3b313_553x178.png) ![](https://img.kancloud.cn/f3/05/f3059e0cae13242e7b0edd313a7a2d19_553x356.png) ![](https://img.kancloud.cn/c9/35/c935895f39a3ff1a20145bfad1e2af2d_554x232.png) ![](https://img.kancloud.cn/13/d3/13d3c85fdd5ae0d80da7f47c24c89e03_554x321.png) ![](https://img.kancloud.cn/cf/53/cf53d58062e246eb94a2950b99312ade_554x213.png) ![](https://img.kancloud.cn/a5/34/a5340c503531913b796c0702d8f107db_554x247.png) 这里代运营授权,后台可以不用填写,直接去开发者平台创建门店即可(授权也就是为了创建门店)和下面图功能是一样的但这里只能授权一个。 ![](https://img.kancloud.cn/93/6b/936b9d884e1484a3d96fafbb6f758996_553x188.png) ![](https://img.kancloud.cn/9e/20/9e20cd19b8cfef832a0437c2392c7f63_554x292.png) ![](https://img.kancloud.cn/ad/37/ad37790a3c5511a4beb979ad581e6475_553x281.png) 这里云贝后台可以不填写,和开发者平台创建门店是一样的而且这里只能填写一个门店信息并且需要先在开发者平台先创建门店并绑定后这里才会出现门店ID. ![](https://img.kancloud.cn/a2/83/a283d211b17905e20973e705cee66872_554x273.png) ![](https://img.kancloud.cn/5e/14/5e144672fd6e477a47f1eaac118d126d_554x211.png) ![](https://img.kancloud.cn/d7/09/d709a4fee919b4867edfbc261c64627a_554x135.png) 将你的后台域名和apis.map.qq.com添加进去 ![](https://img.kancloud.cn/6f/ea/6fea66dc2e0eef7c17f78e58b5b5f3bd_554x291.png) ![](https://img.kancloud.cn/f0/32/f03295c46439956b7cb88cbfe6334275_553x128.png) ![](https://img.kancloud.cn/d8/84/d88474b54aeb5d2524eb4a73ea4f55ab_554x319.png) ![](https://img.kancloud.cn/bf/40/bf4008d57a4b6356200ad1ff290fbbce_554x529.png)