H5 微信支付的WeixinJSBridge.invoke 方法

前一篇已经说过H5支付有哪些方法了 ，在这里就不废话了连篇了，直接进入主题

第一种方法
H5微信支付-CSDN博客文章浏览阅读195次，点赞3次，收藏2次。H5进行静默微信授权_微信h5静默授权 state-CSDN博客在H5公众号项目中使用的是uniapp进行开发，在开发中需要用到一些微信的支付、扫码等功能，这些都需要进行一个微信授权获取到code，由于uniapp的方法不支持h5直接获取code，所以只能使用微信授权链接进行获取，但是根据需求获取还需要不能显示授权页，所以就使用一个静默授权的操作项目我们要用到自己appid和当前线上地址的回调页面，根据自己需求进行设置不同的回调页面。_微信h5静默授权 state。https://blog.csdn.net/liwei19950803/article/details/141124278

 使用WeixinJSBridge.invoke 进行微信支付

此方法不用什么引入，在微信浏览器中就可以直接使用
 

export  const wxpayPice=(res)=>{
	return new Promise(resolve=>{
		//支付余额
		WeixinJSBridge.invoke(
			"getBrandWCPayRequest", {
				appId: res.appId, //公众号名称，由商户传入
				timeStamp: res.timeStamp, //时间戳，自1970年以来的秒数
				nonceStr: res.nonceStr, //随机串
				package: res.packageValue,
				signType: res.signType, //微信签名方式：
				paySign: res.paySign //微信签名
			},
			function(res) {
				if (res.err_msg == "get_brand_wcpay_request:ok") {
					uni.showToast({
						title: '支付成功',
						icon: 'none'
					})
				} else if (res.err_msg == "get_brand_wcpay_request:cancel") {
					uni.showToast({
						title: '取消付款',
						icon: 'none'
					})
				} else if (res.err_msg == "get_brand_wcpay_request:fail") {
					uni.showToast({
						title: '支付失败',
						icon: 'none'
					})
					WeixinJSBridge.call("closeWindow");
				}
				 resolve(res)
			}
		);
	})
}