uniapp公众号h5授权支付

第一步:引入

<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

第二步:调取后端接口返回数据并调取微信支付

// 购买商品
			buyNow(list) {
				list.tokens = uni.getStorageSync('token')
				uni.showLoading()
				home.buyNow(list).then(res => {
					var packages = 'prepay_id=' + res.data.payment.prepay_id

					WeixinJSBridge.invoke(
						"getBrandWCPayRequest", {
							appId: addid, //公众号名称,由商户传入
							timeStamp: res.data.payment.timeStamp, //时间戳,自1970年以来的秒数
							nonceStr: res.data.payment.nonceStr, //随机串
							package: packages, //这个package是比较坑的他的格式必须是                        prepay_id=wx22104854834640694c34f15a1066605800,是必须!!!!!!!!!!!!!!
							//我在写的时候就碰见了这个坑
							signType: "MD5", //微信签名方式
							paySign: res.data.payment.paySign //微信签名
						},
						function(res) {
							console.log(res)
							if (res.err_msg == "get_brand_wcpay_request:ok") {
								// this.$router.push({
								// 	path: "/FuelCard"
								// });
								uni.showToast({
									title: '支付成功',
									icon: 'none',
									duration: 1500
								})
								// 使用以上方式判断前端返回,微信团队郑重提示:
								//res.err_msg将在用户支付成功后返回ok,但并不保证它绝对可靠。
							}
						}
					);
					uni.hideLoading();
				}).catch(e => {
					uni.hideLoading();
					uni.showToast({
						title: e,
						icon: 'none',
						duration: 2000
					})
				})
			},

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Uniapp中,我们可以通过使用相关插件或API实现公众号H5和小程序微信授权登录功能。 对于公众号H5授权登录,我们可以使用uni-login插件或通过uni.request发起微信官方授权登录的接口。首先,在公众号H5页面中,我们需要引入相应的JS-SDK,并使用wx.config配置公众号AppID和权限等信息。然后,在登录按钮的点击事件中,调用wx.checkSession来检查当前用户的登录态是否有效。若无效,再调用wx.login获取code,并通过wx.request发起后台请求来换取用户的access_token和openId等信息。最后,我们可以将这些信息保存起来,并根据需求进行相应的业务逻辑处理。 对于小程序的微信授权登录功能,在Uniapp中可以通过使用uni.login和uni.getUserInfo API来实现。首先,在小程序的入口页面中,在onLaunch生命周期里调用uni.login获取用户的登录凭证code,并将code传给后台服务器。后台服务器通过wx.login接口获取到用户信息后,再校验用户的身份。然后,在登录按钮的点击事件中,调用uni.getUserInfo获取用户的信息,并存入本地缓存,以供后续使用。接着,我们可以根据需要进行相应的业务逻辑处理。 需要注意的是,在实现公众号H5和小程序微信授权登录功能时,我们需要保证项目中已经配置了相关的权限和配置信息,并正确处理各种回调和错误情况。同时,为了保护用户的隐私和安全,我们还需要合理处理用户信息的存储和使用,尽量避免泄露和滥用用户的个人信息。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值