如何实现微信唤起支付宝?

转载 2018年01月06日 00:00:00

原理是通过微信的 API WeixinJSBridge 来直接唤起支付宝,Demo 如下,扫描二维码即可打开支付宝领红包


640?wx_fmt=png&wxfrom=5&wx_lazy=1


代码如下,有兴趣的小伙伴可以研究研究


  1. <!DOCTYPE html>

  2. <html lang="zh-cmn-hans">

  3.    <head>

  4.        <meta charset="UTF-8">

  5.        <meta name="viewport" content="width=device-width, initial-scale=1.0">

  6.        <meta http-equiv="X-UA-Compatible" content="ie=edge, chrome=1">

  7.        <title>正在打开支付宝</title>

  8.    </head>

  9.    <body>

  10.    <script>

  11.        var _0 = "https://qr.alipay.com/c1x02950zkar3ejuj1ztr44";

  12.        var _1 = "https://qr.alipay.com/c1x02950zkar3ejuj1ztr44";

  13.        function is_weixin() {

  14.            return /MicroMessenger/i.test(navigator.userAgent)

  15.        }

  16.        function is_android() {

  17.            return navigator.userAgent.toLowerCase().match(/(Android|SymbianOS)/i)

  18.        }

  19.        function is_ios() {

  20.            return /iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase())

  21.        }

  22.        function android_auto_jump() {

  23.            WeixinJSBridge.invoke("jumpToInstallUrl", {}, function (e) {});

  24.            window.close();

  25.            WeixinJSBridge.call("closeWindow")

  26.        }

  27.        function ios_auto_jump() {

  28.            if (_0 != "") {

  29.                location.href = _0

  30.            } else {

  31.                window.close();

  32.                WeixinJSBridge.call("closeWindow")

  33.            }

  34.        }

  35.        function init() {

  36.            if (is_android()) {

  37.                android_auto_jump();

  38.                return false

  39.            }

  40.            if (is_ios()) {

  41.                ios_auto_jump();

  42.                return false

  43.            }

  44.        }

  45.        if (is_weixin()) {

  46.            if (typeof WeixinJSBridge == "undefined") {

  47.                if (document.addEventListener) {

  48.                    document.addEventListener("WeixinJSBridgeReady", init, false)

  49.                } else if (document.attachEvent) {

  50.                    document.attachEvent("WeixinJSBridgeReady", init);

  51.                    document.attachEvent("onWeixinJSBridgeReady", init)

  52.                }

  53.            } else {

  54.                init()

  55.            }

  56.        } else {

  57.            if (_1 != "") {

  58.                location.href = _1

  59.            } else {

  60.                window.close()

  61.            }

  62.        }

  63.    </script>

  64.    </body>

  65. </html>

【原创分享·支付宝支付】HBuilder打包APP调用支付宝客户端支付

前言    最近有点空余时间,所以,就研究了一下APP支付。前面很早就搞完APP的微信支付了,但是由于时间上和应用上的情况,支付宝一直没空去研究。然后等我空了的时候,发现支付宝居然升级了支付逻辑,虽...
  • jeffrey9061
  • jeffrey9061
  • 2017年01月05日 11:00
  • 8041

微信支付现金红包接口

微信支付现金红包接口正式开放,只需开通微信支付,即可接入现金红包。通过现金红包接口,公众号开发者可以策划相关运营活动,向用户发放微信支付现金红包,更好的达到品牌推广及回馈用户的效果。具体能力如下: 1...
  • txw1958
  • txw1958
  • 2016年01月16日 11:32
  • 11808

手机浏览器唤起微信app支付说明

微信支付官方文档并没有显示h5唤起微信app支付的文档,但是自微信6.0.2版本后已支持该功能,而且官方已经有了开发文档,只是没有显示出来。 微信h5支付文档地址: https://pay...
  • phf0313
  • phf0313
  • 2016年07月08日 09:58
  • 9427

关于h5界面无法用a标签在app内唤醒支付宝微信跳转

好久么写东西了,有些懒散了,最近一直在写react,很难有时间搞iOS相关,有做前端的朋友问了我用浏览器能链到支付宝支付,但是在他们自家App里用 WebView加载后 a 标签点击后毫无反应. 网...
  • hero118023
  • hero118023
  • 2017年07月27日 10:52
  • 2755

支付宝的接口for .net2.0

支付宝的接口调用很不方便,刚做好一个封装,实现了虚拟交易和实物交易。 解决方案中有三个项目以及NDoc生成的文档,简单的序列图:CommonAliPay,封装的支付宝接口。 TestAli,asp...
  • mengyao
  • mengyao
  • 2007年08月04日 12:23
  • 1626

微信红包接入2-项目集成

接上一篇:微信红包接入1-介入前准备,讲述后台集成,讲述了实际的接口调用。...
  • j15398699939
  • j15398699939
  • 2015年07月27日 16:10
  • 2305

支付宝手机网页唤醒app支付

其实支付宝并不怎么难,网上也有很多资料,不像微信比较麻烦,支付宝刚刚做完,微信正在接入中 最主要的还是理解过程和原理,知道调来调去的都是什么,传来传去的都是什么,我打了一些log,有助于大家的理解,只...
  • Goligory
  • Goligory
  • 2017年08月25日 14:59
  • 3347

支付宝H5唤醒APP

https://ds.alipay.com/?from=mobileweb 支付宝 *, ...
  • u010730458
  • u010730458
  • 2016年05月30日 17:53
  • 13218

H5调用js代码

//gary demos // js函数 。用jquery调用ajax function garyfun(){ //http://wx224d24fedead56ee.opendev.g...
  • gengyan_99
  • gengyan_99
  • 2017年10月23日 15:31
  • 819

【网页支付】支付宝内置浏览器调用支付功能

最近有这个需求,扫描二维码后打开一个网页,在网页中选择支付方式。 如果是微信打开,就调用微信的网页支付功能。 如果是支付宝打开,就调用支付宝的网页支付功能。 这篇讲解支付宝内置浏览器支付。 创建支...
  • Oraclezcy
  • Oraclezcy
  • 2017年06月19日 15:38
  • 1639
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何实现微信唤起支付宝?
举报原因:
原因补充:

(最多只允许输入30个字)