JavaScript

面向JavaScript爱好人员提供:前端最新资讯、JavaScript、HTML5、Node.js等一系列教程和经验分享。...

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

原理是通过微信的 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>

阅读更多
想对作者说点什么? 我来说一句

支付宝/微信支付demo

2017年08月24日 3.88MB 下载

没有更多推荐了,返回首页

不良信息举报

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

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭