h5唤起支付(微信和支付宝)

h5调用微信支付

  // 微信支付weChatPay(data){var vm= this;//下面是解决WeixinJSBridge is not defined 报错的方法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(data);}},// 调起微信支付 （data：后台传来的支付参数）
onBridgeReady(data){let that = thisWeixinJSBridge.invoke('getBrandWCPayRequest',{"appId":data.appId,"timeStamp": data.timestamp,"nonceStr":data.nonceStr,"package": data.package,"signType":data.signType,"paySign": data.paySign},function(res){if (res.err_msg == "get_brand_wcpay_request:ok") {alert('支付成功');} else if (res.err_msg == "get_brand_wcpay_request:cancel") {alert('取消支付')} else if (res.err_msg == "get_brand_wcpay_request:fail") {alert('支付失败')}})},

注意：微信支付回调需放到线上才能获取

h5调用支付宝支付

    var form= res.data.result.jsConfig; // 后台返回的formconst div = document.createElement('div')div.innerHTML = form//此处form就是后台返回接收到的数据document.body.appendChild(div)document.forms[0].submit()

弊端

以上代码仅支持在除微信浏览器以外的浏览器
因为微信不能直接使用支付宝，会提示‘请长按网址复制后使用浏览器访问’，使用效果不好，ios不支持

修改后的支付宝支付

增加支付提示页面，使用其他浏览器打开

   var form= res.data.result.jsConfig;const div = document.createElement('div')div.innerHTML = form//此处form就是后台返回接收到的数据document.body.appendChild(div)var queryParam = '';Array.prototype.slice.call(document.querySelectorAll("input[type=hidden]")).forEach(function (ele) {queryParam += '&' + ele.name + "=" + encodeURIComponent(ele.value);});var gotoUrl = document.querySelector("form").getAttribute('action')  + queryParam;window._AP.pay(gotoUrl);

h5唤起支付(微信和支付宝)相关推荐

h5支付不能打开支付宝 ios_iOS实现H5支付(微信、支付宝)原生封装
前言支付分APP支付.H5支付.扫码支付等.app支付一般在app中使用,并且需要集成相应的支付SDK,H5支付多用于网页.如果你的APP不想集成支付SDK,又想实现支付功能,你可以在项目中使用H5 ...
h5通过php微信支付宝支付,用H5调用支付微信公众号支付的解析
这篇文章主要为大家详细介绍了微信公众号支付H5调用支付,具有一定的参考价值,感兴趣的小伙伴们可以参考一下最近项目需要微信支付,然后看了下微信公众号支付,虽然不难,但是细节还是需要注意的,用了大半天时 ...
iOS H5页面调用微信或者支付宝进行支付
一说支付,大多数人都会理解支付方式是下载微信和支付宝SDK进行支付,但是其实还有其他的方式,就是H5调用系统支付宝和微信进行支付. H5支付可能很多人认为是加载完页面剩下的就是页面完成即可,但是实际没 ...
JAVA移动支付微信和支付宝后台代码
撸了今年阿里.网易和美团的面试,我有一个重要发现.......>>> 前言:之前接APP支付,微信遇到了一点点坑,为了方便以后copy,把之前写的代码粘贴出来.需要的同学可以参考一下 ...
Asp.net 微信H5唤起支付和支付回调
做任何商城类的项目都离不开支付这一环节,今天就记录一下在开发微信H5支付时的开发过程在开发到订单这部分模块的时候终于遇到了微信开发第二个难题,微信支付! 首先请阅读微信JSAPI支付文档和微 ...
SpringBoot 集成第三方聚合支付微信、支付宝
SpringBoot 集成第三方聚合支付 1. 创建Spring Boot项目 2. 添加依赖 3. 配置支付宝.微信 4. 实现支付接口 5. 实现支付服务 6. 实现支付回调接口 7. 测试支付 ...
企业微信H5唤起(打开)微信小程序
1.登录企业微信管理后台(https://work.weixin.qq.com/wework_admin/frame) 2.获取企业ID,我的企业>企业信息>企业ID(ww28b3c6e7 ...
WebView H5 跳转微信支付、支付宝、QQ钱包WAP
最新小菜在用研究借助 WebView h5 跳转微信和支付宝支付页面,研究了挺久,一直没有找到合适的判断.很简单的两小段代码分享一下,希望可以帮助需要的朋友. 目前小菜是借助的 TBS X5 浏览器 ...
Android H5页面调起微信和支付宝付款
一.前提条件:后端已经生成了支付链接微信是支持H5在非微信内核的浏览器调起支付的,只是流程很麻烦,需要企业账号申请才行,并且周期较长.微信官方开通说明申请入口:登录商户平台–>产品中心–&g ...

h5唤起支付(微信和支付宝)

增加支付提示页面，使用其他浏览器打开

h5唤起支付(微信和支付宝)相关推荐

最新文章

热门文章