第一步判断浏览器

if (/MicroMessenger/.test(window.navigator.userAgent)) {

this.browserType = 1; //这里是微信浏览器

} else if (/AlipayClient/.test(window.navigator.userAgent)) {

this.browserType = 2;//这里是支付宝

} else {

this.browserType = 3;

this.$dialog.notify({

mes: "请您使用微信或支付宝扫码",

timeout: 2000,

callback: () => {}

});

return;

}

第二步

针对不同的浏览器 使用不同的唤醒方式

1.微信唤醒,数据计算为了安全都放在后台

function onBridgeReady(){

WeixinJSBridge.invoke(

'getBrandWCPayRequest', {

"appId":"wxef36f2b018cbe7bc",//公众号名称,由商户传入

"timeStamp":"1514516640", //时间戳,自1970年以来的秒数

"nonceStr":"piebSggAS99bDNMj", //随机串

"package":"prepay_id=wx201712291103585aecc31a000076831289",

"signType":"MD5", //微信签名方式:

"paySign":"2879CA1DA8F74A65742FEA8D5936AEEA" //微信签名

},

function(res){

// if(res.err_msg == "get_brand_wcpay_request:ok" ) {

// } // 使用以上方式判断前端返回,微信团队郑重提示:res.err_msg将在用户支付成功后返回 ok,但并不保证它绝对可靠。

location.href = "myOrder.html";

}

);

}

if (typeof WeixinJSBridge == "undefined"){

if( document.addEventListener ){

document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);

}else if (document.attachEvent){

document.attachEvent('WeixinJSBridgeReady', onBridgeReady);

document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);

}

}else{

onBridgeReady();

}

返回的是上面数据

eval(data.data)

2.支付宝唤醒,我这里用的是表单的方式

if (response.data.code == 0) {

// alert(response.data.data)

this.$refs.pay.innerHTML=response.data.data

document.querySelector(".pay form").submit()

// eval(response.data.data);

} else {

php 二码合一支付_关于微信支付与支付宝支付前端这块二码合一的方法记录相关推荐

  1. 腾腾流氓,云云更流氓(问微信怎样接入支付宝支付),手贱的赶紧点,你会感谢我的...

    草原上的两匹马! 打从当年微信开始布局公众号之初时,估计就已经想到了与支付宝正面冲突的场面,所以微信先来个瞒天过海,在春晚搞了个微信红包,那叫一个火呀,此时的云云隐隐感觉到些许不安. 早期的微信开发者 ...

  2. 微信jsapi支付获取code_微信公众号JSAPI支付大致流程

    一:配置参数 申请成功后,获取接口文件, 将所有文件放入项目根目录weixin下,在WxPay.ub.config.php中填入配置账户信息; 二:设置授权 开发者中心->网页服务->网页 ...

  3. Magento支付宝手机网站支付插件V6.0旗舰版发布,支持在微信中使用支付宝支付,订单重新支付功能!...

    2019独角兽企业重金招聘Python工程师标准>>> 功能 严格按照支付宝接口文档编写代码. 支付宝异步通知机制,确保订单状态及时更新,无丢失遗漏. 订单完美对接:支付后即使关掉支 ...

  4. 微信支付未安装微信情况下调起支付无响应

    微信支付未安装微信情况下调起支付无响应解决办法 目前文档上并未说明.其实微信已经提供了响应的判断方法. IWXAPI wxapi = WXAPIFactory.createWXAPI(mContext ...

  5. 微信小程序 - 人脸识别前端(二)拍照方式优化

    微信小程序 - 人脸识别前端(二)拍照方式优化 前文提及的识别方式较 low ,另外会留下识别痕迹,此处使用 <camera>组件进行优化. 前文地址:前文 参考文章:zhoujie-人脸 ...

  6. 每年扫码千亿次!微信官方开源了自家优化的二维码引擎!3行代码让你拥有微信扫码能力...

    本文转载自OpenCV团队. 十天前,微信官方开发团队在 opencv_contrib 开源了自家优化9年的二维码引擎!各位读者可编译最新版OpenCV及opencv_contrib ,直接使用! 2 ...

  7. php如何在微信跳转支付宝支付,微信支付成功了怎么跳转到我指定的信息提示页? - 码支付...

    ...进行安装,安装说明如下.图文教程:https://codepay.fateqq.com/help/BkyNe9_tl.html下面是一个如何上传使用API接口的简单例子 .1:上传codepay ...

  8. PHP 支付PC端扫码支付、APP接口调起支付宝支付、微信公众号接入支付宝支付

    第一:第三方支付原理 第二:支付接口申请流程 地址:https://docs.open.alipay.com/270/105899/ : 参考地址:https://blog.csdn.net/nove ...

  9. php开发微信商户平台支付宝支付,不用申请服务号就可以开发微信支付/支付宝/QQ钱包支付!附:直接可用的代码+demo...

    我们知道,开发微信支付需要申请服务号并且需要一系列的资料才可以开通.怪麻烦的,现在我们可以用第三方开放的免签约微信支付接口,支付宝接口和QQ钱包接口,实现实时到帐的微信支付开发. 我们只需要在第三方的 ...

  10. 微信jsapi支付获取code_微信JSAPI公众号支付在部分机型上出现appid参数错误的解决办法 - YangJunwei...

    都说微信支付的坑比较多,老杨感觉还行,就是开始周期和调试过程比较费时费力-_-! 今儿在调试一个基于微信JSAPI公众号的支付项目时发现,部分机型(比如iphone7/vivo-x6d)中微信支付获取 ...

最新文章

  1. 树、森林与二叉树的相互转换
  2. C语言 函数的封装示例(允许存在同名但形参不同函数)
  3. 使用Dropwizard度量标准监视和测量无功应用
  4. zookeeper+kafka+logstash+elasticsearc+kibana
  5. java数据结构之选择排序
  6. git工作区状态(2)
  7. Maven下载jar包失败的原因- 解决方法汇总
  8. linux从青铜到王者学习好文
  9. 笔记本电脑系统怎么重装,笔记本重装系统
  10. 【目标检测】(12) 非极大值抑制 NMS 和 Soft-NMS,附TensorFlow完整代码
  11. 金蝶KIS应用虚拟化集成解决方案
  12. win7怎么跳过硬盘自检_从零开始修电脑第二期__电脑自检慢的维修
  13. 批处理 获取计算机硬件信息,检测硬件的批处理命令,检测硬件bat,一键获取电脑硬件信息...
  14. SQL学习-向一张表中插入数据来源于另一张表
  15. 内网渗透测试:内网横向移动基础总结
  16. ATF:Gicv源码文件系列-gicv2.h
  17. 有关“SRS Audio Sandbox”的一些问题?
  18. Java 【打印俄文的英文字母】
  19. sysbios挂钩函数使用_使用动作挂钩自定义WordPress主题
  20. python | requests库基本应用

热门文章

  1. 确定了:网易大型手游明日之后上线,11月3日明日之后电脑版提前玩
  2. 【中级软考】数字签名的概念及其作用
  3. Beats:使用 Elastic Stack 记录 Python 应用日志
  4. chrome自动翻译导致网页文本错乱
  5. matlab 获取雅虎数据,Get Yahoo Finance API Data via YQL,通过YQL获取雅虎财经API数据 - 小众知识...
  6. 带宽、数据率(比特率)、吞吐量的理解
  7. ubuntu10.04安装有线网卡驱动
  8. 聪明如我,一眼就看穿了快递小哥的分堆算法
  9. 可燃气传感器 android,可燃气体传感器工作原理,一文看懂!
  10. 基于51单片机的室内温度可燃气体检测报警系统Proteus仿真(源码+仿真+全套资料)