h5手机版收款 源码
近年来,移动支付越来越成为人们日常生活中不可或缺的一部分。其中,H5手机版收款作为一种移动支付的方式,受到了广大商户的欢迎。那么,接下来我们将介绍H5手机版收款的源码,方便开发人员快速了解并进行开发。
首先需要开通微信商户,营业执照类型是企业的执照,个体户只可以开微信商户,小程序入驻成为商户,然后登录商户平台,在【产品中心->产品大全->我的产品->H5支付】可以查看H5支付的开通状态。
接下来,我们需要准备以下材料:H5支付域名、售卖产品/使用场景的描述、所售卖产品对应的官方网站域名或详情页网址、域名证书和域名授权书。其中,支付域名需要提供一份域名授权书。售卖产品/使用场景需要填写一项需要开通微信支付H5支付企业的营业范围。在最后的补充材料中则是提交一份域名证书和域名授权书。
我们可以在商户平台中,选择【我的产品】,随后再选择【开通支付产品】来开通H5支付。在填写相关信息后,提交审核即可。一般审核周期为1天的时间左右。
接下来我们来看看H5手机版收款源码。首先需要添加以下JS文件:
接下来需要配置微信JSAPI的参数,代码如下:
```
var appId = "xxx";
var timestamp = new Date().getTime().toString().substr(0, 10);
var nonceStr = Math.random().toString(36).substr(2, 15);
var packages = "prepay_id=" + prepay_id;
var signType = "MD5";
var paySign = "";
$.ajax({
type: "POST",
url: "https://xxxxx.com/src/paypay/get_sign.php",
dataType: "json",
async: false,
data: {
appId: appId,
timestamp: timestamp,
nonceStr: nonceStr,
packages: packages,
signType: signType
},
success: function (res) {
paySign = res.paySign;
}
});
wx.config({
debug: false,
appId: appId,
timestamp: timestamp,
nonceStr: nonceStr,
signature: sign,
jsApiList: [
"chooseWXPay",
"getLocation",
]
});
wx.ready(function () {
wx.chooseWXPay({
timestamp: timestamp,
nonceStr: nonceStr,
package: packages,
signType: signType,
paySign: paySign,
success: function (res) {
// 支付成功
},
cancel: function (res) {
// 支付取消
},
fail: function (res) {
// 支付失败
}
});
});
```
以上代码实现了通过JSAPI调用微信支付的流程。当用户在H5页面中点击支付时,会唤起微信支付并进行支付操作。同时,我们也可以利用微信JSAPI实现更多操作,例如获取用户地理位置等。
总结一下,H5手机版收款是移动支付中的一种方式。开通H5支付需要先开通微信商户,并在商户平台中进行申请。源码中需要配置JSAPI参数,来实现支付功能。同时,我们也可以利用微信JSAPI实现更多操作,为用户提供更好的体验。