支付功能 · 小程序制作流程

[TOC=2,3] # 小程序支付功能 <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/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/1%E5%95%86%E5%AE%B6%E4%B8%AD%E5%BF%83%20%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/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/2%E7%99%BB%E5%BD%95%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%B9%B3%E5%8F%B0.png"> <li>进入小程序首页，点击左边“开发”—“开发设置”。</li> APPID 直接复制 <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/1APPID.jpg"> <li>Appsecret ：点击右下角的“生成”。</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/2APPSecret.jpg"> <li align="left">进入身份确认页面，管理员微信扫码，这里只能是当期小程序的管理员才能扫码！！！如果不方便，可以将二维码发给管理员，识别二维码即可。</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/3%E7%AE%A1%E7%90%86%E5%91%98%E6%89%AB%E7%A0%81%E6%88%90%E6%88%90appsecret.png"> <li> 扫描成功后，等待微信管理员在手机上点击“确定”进入下一步。</li> <li> Appsecret出现，点击“复制”——打钩——点击“确定关闭”完成复制。</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/4APPSecret.png"> <li>此时Appsecret已经复制，立刻粘贴到文本框里或单独保存起来。</li> Appsecret立刻粘贴到文本框里或保存 AppID和 Appsecret获取完毕！ </ol> <hr/> ### **设置商户账号** <ol> <li>商户账号，是申请微信支付的时候，申请到的商户号。</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%BE%AE%E4%BF%A1%E6%94%AF%E4%BB%98/%E9%82%AE%E4%BB%B6.png"> 商户号是申请的短号 ### 商户平台apiclient_cert证书和商户平台apiclient_key证书 <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/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/5%E6%93%8D%E4%BD%9C%E5%AF%86%E7%A0%81.png"> <li> 进入操作证书页面，点击“申请安装”。</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/6%E5%AE%89%E8%A3%85%E8%AF%81%E4%B9%A6.png"> <li> 根据页面填写信息，点击“确定”。</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/7%E5%A1%AB%E5%86%99%E4%BF%A1%E6%81%AF.jpg"> <li> 然后再进入微信支付商户平台首页，点击“账户中心”，默认进入“个人设置”——“个人信息”界面，找到最下面的“操作密码”，根据提示设置操作密码。</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/8%E4%B8%AA%E4%BA%BA%E4%B8%AD%E5%BF%83%20%E6%93%8D%E4%BD%9C%E5%AF%86%E7%A0%81%20%E8%AE%BE%E7%BD%AE.png"> <li> 设置完操作密码后点击左侧账户设置里的“API安全”菜单进行安装证书，点击“申请证书”</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/10.1API%E5%AE%89%E5%85%A8%20%E7%94%B3%E8%AF%B7%E8%AF%81%E4%B9%A6.png"> <li> 点击“下载证书工具”，并进行安装。</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/10.2%E4%B8%8B%E8%BD%BD%E8%AF%81%E4%B9%A6%E5%B7%A5%E5%85%B7.png"> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/10.3%E5%8F%8C%E5%87%BB%E4%B8%8B%E8%BD%BD%E7%9A%84%E6%96%87%E4%BB%B6%20%E5%AE%89%E8%A3%85.png"> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/10.4%E7%94%B3%E8%AF%B7%E8%AF%81%E4%B9%A6.png"> <li> 安装成功后，根据页面要求填写商户号，商户名称，并点击“下一步”。</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/10.5%E5%A1%AB%E5%86%99%E4%BF%A1%E6%81%AF%20%E4%B8%8B%E4%B8%80%E6%AD%A5%20%E8%8E%B7%E5%BE%97%E8%AF%B7%E6%B1%82%E4%B8%B2.jpg"> <li> 从微信支付商户平台证书工具页面把请求串复制到生成API证书页面，并填写短信验证码和操作密码点击“下一步”。</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/10.7%E5%A4%8D%E5%88%B6%20%E7%B2%98%E8%B4%B4%E8%AF%B7%E6%B1%82%E4%B8%B2.jpg"> <li> 从生成API证书页面页面把证书串复制到微信支付商户平台证书工具页面，点击“下一步”。</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/10.9%E5%A4%8D%E5%88%B6%20%E7%B2%98%E8%B4%B4%20%E8%AF%81%E4%B9%A6%E4%B8%B2%20%E4%B8%8B%E4%B8%80%E6%AD%A5.jpg"> <li> 点击“查看证书文件夹”，并解压。</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/10.10%E6%9F%A5%E7%9C%8B%E8%AF%81%E4%B9%A6%E6%96%87%E4%BB%B6%E5%A4%B9.png"> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/10.13%E8%A7%A3%E5%8E%8B%E5%95%86%E6%88%B7%E5%8F%B7%E7%9A%84%E8%AF%81%E4%B9%A6%EF%BC%88cert%EF%BC%89.png"> <li> 关闭生成API证书。</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/10.11%E5%85%B3%E9%97%AD.png"> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/10.12%E8%8B%A5%E5%B7%B2%E6%9C%89%E8%AF%81%E4%B9%A6%20%E5%88%99%E7%A1%AE%E8%AE%A4%E5%85%B3%E9%97%AD.jpg"> <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/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/%E8%AF%81%E4%B9%A61.jpg"> 商户平台apiclient_key证书对应：apiclient_key.pem <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/%E8%AF%81%E4%B9%A62.png"> ### 支付密钥获取 <li> 再次进入API安全页面，点击左侧“API安全”，点击右下角“设置密钥”，进行设置密钥操作。</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/11.1%E8%AE%BE%E7%BD%AE%E5%AF%86%E9%92%A5.png"> <li> 点击确定即可。</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/11.2%E7%A1%AE%E8%AE%A4.png"> <li> 设置32位支付密钥，一定要记好，填完，点击确认，将32位支付密钥填在文本框里。</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/11.3%E5%A1%AB%E5%86%99%E5%AF%86%E9%92%A5%20%E7%A1%AE%E8%AE%A4.png"> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/11.4%E5%A1%AB%E5%86%99%E9%AA%8C%E8%AF%81%E7%A0%81%20%E7%A1%AE%E8%AE%A4.png"> * * * * * 确保每一项都没有错误，否则支付不成功！！！ 确保每一项都没有错误，否则支付不成功！！！ 确保每一项都没有错误，否则支付不成功！！！ * * * * * ※管理员微信，开通收款语音播报： <a href="https://share.weiyun.com/5BvavE5">点击查看教程</a> <li> 授权确认APPID，在微信公众平台确认，登录微信公众平台—微信支付--商户号管理</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/12%E5%95%86%E6%88%B7%E5%8F%B7%E6%8E%88%E6%9D%83%E7%A1%AE%E8%AE%A4.png"> <li> 勾选授权协议，点击“授权”</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E6%94%AF%E4%BB%98%E8%AE%BE%E7%BD%AE/13%E6%8E%88%E6%9D%83.jpg">