vuex项目中的微信支付、支付宝支付

本文介绍了在Vue项目中如何实现微信支付和支付宝H5支付。针对微信支付,详细讲解了使用WeixinJSBridge调用微信内置浏览器支付的流程,并提供了封装方法。对于支付宝支付,重点阐述了H5支付的实现,通过后端生成的form表单完成支付页面的跳转。此外,文章还分享了作者的前端学习心得。
摘要由CSDN通过智能技术生成

document.addEventListener(“visibilitychange”, function() {

//需要的操作

});

5.【微信内支付】微信内支付比起微信外支付稍微复杂一点,但是也不难,(3步骤代码里面已经请求支付方式接口拿到了微信内支付所需要的参数)根据官方API

微信内置js对象 WeixinJSBridge,进行开发,至此微信浏览器内支付已经完成

//解决微信内置对象报错

weixinPay(data){

var vm= this;

if (typeof WeixinJSBridge == “undefined”){

if( document.addEventListener ){

document.addEventListener(‘WeixinJSBridgeReady’, vm.onBridgeReady(data), false);

}else if (document.attachEvent){

document.attachEvent(‘WeixinJSBridgeReady’, vm.onBridgeReady(data));

document.attachEvent(‘onWeixinJSBridgeReady’,vm.onBridgeReady(data));

}

}else{

vm.onBridgeReady();

}

},

//微信内置浏览器类,weChatParameter对象中的参数是3.步骤代码中从后端获取的数据

onBridgeReady(){

var vm = this;

var timestamp=Math.round(vm.weChatParameter.timeStamp).toString();

WeixinJSBridge.invoke(

‘getBrandWCPayRequest’,{

debug:true,

“appId”:vm.weChatParameter.appId, //公众号名称,由商户传入

“timeStamp”:timestamp, //时间戳,自1970年以来的秒数

“nonceStr”:vm.weChatParameter.nonceStr, //随机串

“package”:vm.weChatParameter.package,

“signType”:vm.weChatParameter.signType, //微信签名方式:

“paySign”:vm.weChatParameter.paySign, //微信签名

jsApiList: [

‘chooseWXPay’

]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值