首先需要先注册好绑定的公众号appid,这一步,我就不详细说了
H5页面使用微信支付,首先需要注册微信公众号,在设置与开发>公众号设置>功能设置中配置业务域名、JS接口安全域名、网页授权域名。支付功能页面需在此域名链接下的页面。
下面是直接的代码,需要下载好微信的JDK,然后直接复制就能用。
如果连这个都不会下载的话,私信我,我给你发安装包。
第一步:引入下载好的jdk
<script>
import jweixin from "@/node_modules/jweixin-module"
export default {
data() {
return {}
}
}
</script>
第二步:调接口直接用
wxPay(res){ //微信支付
this.$http.post("xxxx", this.$Base64.encode(JSON.stringify(data))).then(res => {
if (res.status == 1) {
let response = res.result;
jweixin.config({
debug: false,
appId: response.appId,
timestamp: response.timeStamp,
nonceStr: response.nonceStr,
signature: response.signature,
jsApiList: ['chooseWXPay']
});
jweixin.ready(function() {
jweixin.chooseWXPay({
timestamp: response.timeStamp,
nonceStr: response.nonceStr,
package: response.package,
signType: response.signType,
paySign: response.paySign,
success: function() {
this.payStatus = true
// uni.navigateTo({
// url: `/pages/success/success?type=3&account=${response.account}&password=${response.password}`
// });
uni.showToast({
title: '支付成功',
icon: 'none'
});
uni.switchTab({
url: '/pages/index/index.vue'
})
},
cancel: function(res) {
uni.showToast({
title: '支付失败',
icon: 'none'
});
},
complete: function() {
this.pay_flag = true;
}
});
});
} else {
uni.showToast({
title: "异常",
icon: "error",
duration: 2000
})
}
});
},