uniapp开发H5等,公众号支付

首先需要先注册好绑定的公众号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
							})
						}
					});
			},

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
//微信充值 //支付接口测试 function balance(url, data) { uni.request({ url: cfg.originUrl + '/wx/mp/js_sig.do', data: { route: url }, method: 'GET', success: (res) => { jweixin.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来 appId: res.data.appId, // 必填,公众号的唯一标识 timestamp: res.data.timestamp, // 必填,生成签名的时间戳 nonceStr: res.data.nonceStr, // 必填,生成签名的随机串 signature: res.data.signature, // 必填,签名 jsApiList: ['chooseWXPay'] // 必填,需要使用的JS接口列表 }); jweixin.ready(function() { uni.request({ url: cfg.originUrl + '/wx/recharge/pay.do', method: 'POST', header: { 'Content-type': "application/x-www-form-urlencoded", }, data: JSON.stringify(data), success: function(res) { alert("下单成功"); alert(JSON.stringify(res)); alert(res.data.order_id); all.globalData.orderId = res.data.order_id; uni.setStorageSync('orderId', res.data.order_id); jweixin.chooseWXPay({ timestamp: res.data.payParams.timeStamp, // 支付签名时间戳 nonceStr: res.data.payParams.nonceStr, // 支付签名随机串 package: res.data.payParams.package, // 接口返回的prepay_id参数 signType: res.data.payParams.signType, // 签名方式 paySign: res.data.payParams.paySign, // 支付签名 success: function(e) { alert("支付成功"); alert(JSON.stringify(e)); // 支付成功后的回调函数 } }); } }) }); jweixin.error(function(res) { // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。 console.log("验证失败!") }); } }) }

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黑云压城After

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值