# 小程序支付功能 <table width="100%" style="font-size:18px;"> <tr style="background-color:#630863;color:white"> <td align="center" >实现支付功能流程</td> </tr> <tr> <td align="center" style="font-size:18px;"><strong>【申请微信支付】→【配置支付参数的】</strong> </td> </tr> </table> <span style="color:red;font-size:16"><strong>前提条件:微信支付已通过审核</strong></span> 如果小程序还没有完成微信支付的申请,请点击参照:<strong>[《微信支付申请》](https://www.kancloud.cn/weixiaocheng/weixiaocheng/427171)</strong>完成。 申请微信支付后,需要配置支付参数,否则小程序无法支付。 * * * * * ### 准备资料: <table width="100%" style="font-size:18px;"> <tr style="background-color:grey;color:white"> <td align="center" colspan="2"><strong>准备资料</strong></td> </tr> <tr> <td style="font-size:18px;padding-left:10%"> 1.申请支付的APPID </td> <td align="center" style="font-size:18px;"> 微信小程序的ID </td> </tr> <tr> <td style="font-size:18px;padding-left:10%">2.申请支付的APPSECRET </td> <td align="center" style="font-size:18px;">在微信小程序,需要点击生成 </td> </tr> <tr> <td style="font-size:18px;padding-left:10%">3.商户号 </td> <td align="center" style="font-size:18px;"> 例如:1490000000,10位数字的商户号 </td> </tr> <tr> <td style="font-size:18px;padding-left:10%">4.商户支付密钥 </td> <td align="center" style="font-size:18px;"> 需要在支付商户平台自己设置 </td> </tr> <tr> <td style="font-size:18px;padding-left:10%"> 5.商户平台apiclient_cert证书 </td> <td align="center" style="font-size:18px;"> 需要进入微信支付商户后台下载 </td> </tr> <tr> <td style="font-size:18px;padding-left:10%">6.商户平台apiclient_key证书 </td> <td align="center" style="font-size:18px;"> 需要进入微信支付商户后台下载 </td> </tr> </table> * * * * * ### 小程序支付后台设置:进入微小程后台,点击“小程序”——“支付设置”。 <p align="center"> <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%B6%E4%BD%9C/%E5%95%86%E5%9F%8E%E8%B6%85%E7%BA%A7%E7%89%88/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/%E8%BF%9B%E5%85%A5%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE.png"> </p> ### AppID和 Appsecret(如何获取) <ol> <li>进入<a href="https://mp.weixin.qq.com/">微信公众平台</a>,登录申请微信支付的小程序账号。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%B9%B3%E5%8F%B0.jpg"> </p> <li>进入小程序首页,点击左下角“设置”。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/AppID1.jpg"> </p> <li>进入设置页面,点击“开发设置”。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/AppID2.jpg"> </p> <li>进入“开发设置”页面,<span style="color:red;font-size:20"><strong>AppID(小程序ID)</strong></span>选择直接复制即可; </li> <li><span style="color:red;font-size:20"><strong>Appsecret</strong></span> :点击右下角的“生成”。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/AppID%E5%92%8CAppsecret.jpg"> <li align="left">进入身份确认页面,管理员微信扫码,这里只能是当期小程序的管理员才能扫码!!!如果不方便,可以将二维码发给管理员,识别二维码即可。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/Appsecret1.jpg"> </p> <li> 扫描成功后,等待微信管理员在手机上点击“确定”。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/%E6%89%AB%E6%8F%8F%E6%88%90%E5%8A%9F.jpg"> </p> <li>微信管理员手机界面显示如下图,点击“确定”进入下一步。</li> <p align="center"> <img width="40%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/%E8%BA%AB%E4%BB%BD%E7%A1%AE%E8%AE%A4.jpg"> </p> <li> Appsecret出现,点击“复制”——打钩——点击“确定关闭”完成复制。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/Appsecret%E5%A4%8D%E5%88%B6.jpg"> </p> <li>此时Appsecret已经复制,立刻粘贴到文本框里或单独保存起来。</li> <p><span style="color:red;font-size:20"><strong>Appsecret立刻粘贴到文本框里或保存</strong></span></p> <p><span style="color:red;font-size:20"><strong>AppID和 Appsecret获取完毕!</strong></span></p> * * * * * ### 设置商户账号、商户支付密钥、商户平台apiclient_cert证书和商户平台apiclient_key证书(如何获取) <ol> <li>商户账号,是申请微信支付的时候,申请到的商户号。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/%E5%95%86%E6%88%B7%E5%8F%B7.jpg"><br> <span style="color:red;font-size:20"><strong>商户号是申请的短号</strong></span> </p> <li> 进入<a href="https://pay.weixin.qq.com">微信支付商户平台</a>,扫码登录,如果提示未绑定,需要先绑定</li> <p align="center"> <img class="img" src="http://static.wexiaocheng.com/goods/2018-04-08/08ffb7d55ede5eefff181326cf4868cb.jpg"> </p> <li> 进入微信支付商户平台首页,点击“账户中心”,默认进入“个人设置”——“个人信息”界面,找到最下面的“操作密码”,根据提示设置操作密码。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/%E6%93%8D%E4%BD%9C%E5%AF%86%E7%A0%81.jpg"></p> <li> 设置完操作密码后点击左侧账户设置里的“API安全”菜单。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/%E5%95%86%E6%88%B7%E5%B9%B3%E5%8F%B0API%E5%AE%89%E5%85%A8.jpg"> </p> <li> 进入“API安全”页面,第一次进入提示尚未安装操作证书,需要安装证书,点击安装。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/API%E5%AE%89%E8%A3%85%E8%AF%81%E4%B9%A6.jpg"> </p> <li> 页面跳转到“安全证书”页面,点击“申请安装”。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/API%E7%94%B3%E8%AF%B7%E5%AE%89%E8%A3%85%E8%AF%81%E4%B9%A6.jpg"> </p> <li> 页面跳转到温馨提示页面,证书使用设备自定义,这个根据情况选,发送验证码、填写验证码点击确定。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/API%E5%AE%89%E8%A3%85%E8%AF%81%E4%B9%A6%E6%B8%A9%E9%A6%A8%E6%8F%90%E7%A4%BA.jpg"> </p> <li> 证书下载。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/API%E4%B8%8B%E8%BD%BD%E8%AF%81%E4%B9%A6.jpg"> </p> <li> 下载完,会自动安装,安装完成点击确定。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/API%E5%AE%89%E8%A3%85%E5%AE%8C%E6%88%90.jpg"> </p> <li> 安装完成,再回到API安全页面,点击左侧菜单“API安全”。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/API%E5%AE%89%E8%A3%85%E5%AE%8C%E6%88%90%E9%A1%B5%E9%9D%A2.jpg"> </p> <li> 点击“下载证书”。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/API%E8%AF%81%E4%B9%A6%E4%B8%8B%E8%BD%BD.jpg"> </p> <li> 进入“下载证书页面”,点击“下载”。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/API%E8%AF%81%E4%B9%A6%E4%B8%8B%E8%BD%BD%E6%8F%90%E7%A4%BA%E9%A1%B5%E9%9D%A2.jpg"> </p> <li> 发送验证码,填写验证码和操作密码,点击提交。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/API%E8%AF%81%E4%B9%A6%E4%B8%8B%E8%BD%BD%E9%AA%8C%E8%AF%81.jpg"> </p> <li> 点击下载名称为“cert.zip”的压缩包文件。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/%E4%B8%8B%E8%BD%BDcert.jpg"> </p> <li> 将压缩包解压到“cert”文件夹里,只要解压出里边的文件就可以。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/%E8%A7%A3%E5%8E%8B%E7%BC%A9.png"> </p> <li> 点击按钮上传证书,选择对应的文件。</li> <p align="center"> <img class="img" src="http://static.wexiaocheng.com/goods/2018-04-08/9afb5e60dc1ba8342396b8d8d5a33837.jpg"> </p> <span style="color:red"><strong>商户平台apiclient_cert证书对应:apiclient_cert.pem</strong></span> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/cert.jpg"> </p> <span style="color:red"><strong>商户平台apiclient_key证书对应:apiclient_key.pem</strong></span> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/key.jpg"> </p> <li> 再次进入API安全页面,点击左侧“API安全”</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/API%E5%AE%89%E8%A3%85%E5%AE%8C%E6%88%90%E9%A1%B5%E9%9D%A2.jpg"> </p> <li> 点击右下角“设置密钥”,进行设置密钥操作。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/%E8%AE%BE%E7%BD%AEAPI%E5%AF%86%E9%92%A5.jpg"> </p> <li> 点击确定即可。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/%E8%AE%BE%E7%BD%AEAPI%E5%AF%86%E9%92%A5%E7%A1%AE%E8%AE%A4.jpg"> </p> <li> 设置32位支付密钥,一定要记好,填完,点击确认,将32位支付密钥填在文本框里。</li> <p align="center"> <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/32%E5%AF%86%E9%92%A5.jpg"> <span style="color:red;font-size:20"><strong>32位支付密钥</strong></span></p> * * * * * <span style="color:red;font-size:20"><strong>确保每一项都没有错误,否则支付不成功!!!</strong></span> <span style="color:red;font-size:20"><strong>确保每一项都没有错误,否则支付不成功!!!</strong></span> <span style="color:red;font-size:20"><strong>确保每一项都没有错误,否则支付不成功!!!</strong></span> * * * * * <p style="font-size:28px;font-weight:bold">附微信端,开通收款语音播报</p>