小程序内部调h5支付-乐刷收款码
<p>小程序内部调用H5支付的实现方法</p>
微信小程序是一种新型的应用程序,它既不需要安装,也可以实现与其他应用的互通。H5支付是微信支付的一种典型支付方式,可以在微信客户端外的移动端网页进行展示商品或服务,用户在前述页面确认使用微信支付时,商户发起本服务呼起微信客户端进行支付。
小程序内部调用H5支付可以通过以下步骤实现:
1. 开通微信支付商户
首先,需要开通微信支付商户。商户可以是营业执照类型为企业的执照,个体户只可以开微信商户,小程序入驻成为商户:在线提交营业执照、身份证、银行账户等基本信息,快速提交申请。然后,登录“商户平台”,在“产品中心->产品大全->我的产品->H5支付”页面中可以查看H5支付的开通状态。如果H5支付未开通,可以点击“申请开通”页面,进入微信支付H5支付的申请开通界面。
2. 填写基本信息
在H5支付的申请开通界面中,需要填写以下基本信息:
支付域名:此处填写的域名需要提供一份域名授权书。例如,以下是本人公司在腾讯云备案的域名,支付域名可以填写需要备案过的域名,然后需要备案域名公司填写域名授权书给需要开通微信支付H5支付的企业或者个人。
售卖产品/使用场景:此处需要填写一项需要开通微信支付H5支付企业的营业范围。
在后的补充材料中,则需要提交一份域名证书和域名授权书。通常情况下,申请审核需要1天左右的时间。
3. 获取支付参数
在小程序中调用H5支付,需要先获取支付参数。具体步骤如下:
(1)在小程序中,通过wx.request() API接口向商户后台发送请求,获取下单信息;
(2)商户后台根据下单信息,生成预付款单,并计算出签名;
(3)商户后台将预付款单和签名一起返回给小程序;
(4)小程序保存预付款单和签名,用于发起H5支付。
具体代码如下:
wx.request({
url: '商户后台接口地址',
data: {

// 下单信息
},
success: function (res) {
if (res.data.code == 0) {
// 预付款单
var prepayid = res.data.prepayid;
// 计算签名等支付参数
var params = res.data.params;
// 调起H5支付
wx.requestPayment({
appId: params.appId,
timeStamp: params.timeStamp,
nonceStr: params.nonceStr,
pac卡ge: params.pac卡ge,
signType: params.signType,
paySign: params.paySign,
success: function (res) { },
fail: function (res) { }
})
}
}
})
4. 发起H5支付
在获取到支付参数后,调用wx.requestPayment() API接口发起H5支付。wx.requestpayment()函数会自动发起用户手机微信客户端进行支付操作。以下是发起H5支付的代码示例:
wx.requestPayment({
appId: 'xxxx',
timeStamp: 'xxxx',
nonceStr: 'xxxx',
pac卡ge: 'xxxx',
signType: 'xxxx',
paySign: 'xxxx',
success: function (res) {
console.log(res);
},
fail: function (res) {
console.log(res);
}
});
以上就是小程序内部调用H5支付的大致步骤。需要注意的是,H5支付需要提供支付域名授权书,所以在开通H5支付之前,需要先备案域名,并向获得授权的企业或个人提供域名授权书。同时,在获取支付参数时,需要向商户后台发送请求获取下单信息,并保存预付款单和签名,带到发起H5支付的代码中。
</li> </ul>