支付功能 · 微小程小程序制作教程

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