实战:⼩程序⽀付开发具体流程
来源:
作者:会编码的熊
该⽂章纪录了我在开发⼩程序⽀付过程中的具体流程
1. 申请⽀付
⼩程序认证后进⼊⽀付申请⼩程序的⽀付
填写企业信息对公账户并上传凭证后,⽀付会打⼀笔随机⾦额到对公账户,输⼊⾦额完成验证后,在线签署协议,这样整个⽀付的申请流程完成了。注意此处申请所填写的信息都需要真实且详细,设置⼩程序的密钥。
⽀付申请完,会发送⽀付商户号,商户平台⽤户名密码等信息到注册者邮箱。
2.配置商户信息
申请⽀付成功后,登陆商户平台(pay.weixin.qq)进⼊账户中⼼,设置商户的API Key与下载证书
3.配置Https服务器
⼩程序的前端是使⽤提供的框架开发,但是后台依然是开发者⾃⼰的服务器。⼩程序发起的是 https 请求,意味着⼩程序开发者必须配置 https 服务器。配置 https 服务器之前,先要获取证书,证书可以向相关机构购买,腾讯云⽬前可以向⽤户提供免费的证书。
证书安装指引在这⾥查看:
www.qcloud/document/product/400/4143
4.服务端准备
下载⽀付sdk,配置⼩程序信息与商户信息,放置证书到对应⽬录。调⽤申请⽀付JSAPI的⽅式⽣成⼀串验证信息如下:appId:"wx3*******6"//⼩程序id
nonceStr:"qdpys6rdizbnpj12ahwvkf568a6c1sr9" //随机字符串
package:"prepay_id=wx2016***********3" //wx的预⽀付交易单
paySign:"8A7DC1A560B3B6DB0C656AC382D3E6F1"
支付分怎么开通
signType:"MD5"
timeStamp:"1481167418"
5.⼩程序demo:
const wechatData = payRes.data.payment;//wechatData就是上⾯的验证信息
console.log(wechatData);
'appId' : wechatData.appId,
'timeStamp': wechatData.timeStamp,
'nonceStr': Str,
'package': wechatData.package,
'signType': 'MD5',
'paySign': wechatData.paySign,
'success':function(res){
console.log(res);
console.log('success');
},
'fail':function(res){
console.log(res);
console.log('fail');
},
'complete': function(res){
console.log(res);console.log('complete');
}
});
console.log(2);
6.测试
开启校验请求域名与AppID配置,点击预览使⽤真机测试,开发⼯具不会响应发起⽀付的接⼝。
转⾃: