【JavaScript實現】微信點擊短連接直接跳轉到支付寶領紅包教程附帶例子

時間 2019-11-10

標籤 JavaScript實現微信點擊連接直接轉到支付寶紅包教程附帶例子欄目 JavaScript 简体版

原文原文鏈接

最近支付寶的領紅包可真是刷爆了各個微信羣啊，滿羣都是支付寶口令。支付寶推出的搶「10億紅包」進行的十分熾熱，各大網站、QQ羣微信羣裏都是分享領紅包的二維碼或口令，到店支付優惠也是頗有誠意，是的，支付寶10億主要是爲了吸引新用戶，活躍支付寶老用戶。html

但是這樣推廣可不是辦法，又要複製又要打開支付寶又要點領取，麻煩。因此，是否能夠在微信裏面點一個連接而後直接打開支付寶並自動領取呢？就像這樣！
android

step1.在聊天界面點擊一個連接。
step2.從聊天界面自動跳轉到支付寶。ios

step3.自動實現領取紅包。chrome

注意：全程用戶只須要點連接這一步操做！只須要點一下連接就能夠領取紅包！！！！服務器

你們能夠用微信掃碼感覺一下。
微信

附帶短連接：http://t.cn/RH34Ldk框架

那麼上述的操做，如何實現呢？iphone

首先確定是使用.html文件，結合JS調用來實現的。先寫HTML的框架。網站

<!DOCTYPE html>
<html lang="zh-cmn-hans">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge, chrome=1">
<title>正在打開支付寶，請稍候……</title>
</head>
<body>


</body>
</html>

這就是HTML主題框架，設置了title
正在打開支付寶，請稍候……
這些都不重要，重要的是，如何實現？
固然是核心的script代碼啦！以下：ui

<script>
var _0 = "https://qr.alipay.com/c1x04261n1eckpuxarwbnb2";
var _1 = "https://qr.alipay.com/c1x04261n1eckpuxarwbnb2";

function is_weixin() {
    if (/MicroMessenger/i.test(navigator.userAgent)) {
        return true
    } else {
        return false
    }
}

function is_android() {
    var ua = navigator.userAgent.toLowerCase();
    if (ua.match(/(Android|SymbianOS)/i)) {
        return true
    } else {
        return false
    }
}

function is_ios() {
    var ua = navigator.userAgent.toLowerCase();
    if (/iphone|ipad|ipod/.test(ua)) {
        return true
    } else {
        return false
    }
}

function android_auto_jump() {
    WeixinJSBridge.invoke("jumpToInstallUrl", {}, function(e) {});
    window.close();
    WeixinJSBridge.call("closeWindow")
}

function ios_auto_jump() {
    if (_0 != "") {
        location.href = _0
    } else {
        window.close();
        WeixinJSBridge.call("closeWindow")
    }
}

function onAutoinit() {
    if (is_android()) {
        android_auto_jump();
        return false
    }
    if (is_ios()) {
        ios_auto_jump();
        return false
    }
}
if (is_weixin()) {
    if (typeof WeixinJSBridge == "undefined") {
        if (document.addEventListener) {
            document.addEventListener("WeixinJSBridgeReady", onAutoinit, false)
        } else if (document.attachEvent) {
            document.attachEvent("WeixinJSBridgeReady", onAutoinit);
            document.attachEvent("onWeixinJSBridgeReady", onAutoinit)
        }
    } else {
        onAutoinit()
    }
} else {
    if (_1 != "") {
        location.href = _1
    } else {
        window.close()
    }
}
</script>

上面定義了兩個變量

var _0 = "https://qr.alipay.com/c1x04261n1eckpuxarwbnb2";
var _1 = "https://qr.alipay.com/c1x04261n1eckpuxarwbnb2";

那麼你須要將這裏面的兩個變量值替換爲你的支付寶賞金二維碼的地址！
如何找到你的支付寶賞金二維碼的地址呢？

打開支付寶，打開你的賞金，點擊當即賺取賞金，選擇二維碼，保存，用微信掃一掃就能夠識別出你的二維碼內容啦！

https://qr.alipay.com/c1x0426...

這是個人，能夠用來實驗。
OK，以上就是答題思路，下面咱們來真槍實戰一下！

所有源碼

<!DOCTYPE html>
<html lang="zh-cmn-hans">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge, chrome=1">
<title>正在打開支付寶，請稍候……</title>
</head>
<body>
<script>
var _0 = "https://qr.alipay.com/c1x04261n1eckpuxarwbnb2";
var _1 = "https://qr.alipay.com/c1x04261n1eckpuxarwbnb2";

function is_weixin() {
    if (/MicroMessenger/i.test(navigator.userAgent)) {
        return true
    } else {
        return false
    }
}

function is_android() {
    var ua = navigator.userAgent.toLowerCase();
    if (ua.match(/(Android|SymbianOS)/i)) {
        return true
    } else {
        return false
    }
}

function is_ios() {
    var ua = navigator.userAgent.toLowerCase();
    if (/iphone|ipad|ipod/.test(ua)) {
        return true
    } else {
        return false
    }
}

function android_auto_jump() {
    WeixinJSBridge.invoke("jumpToInstallUrl", {}, function(e) {});
    window.close();
    WeixinJSBridge.call("closeWindow")
}

function ios_auto_jump() {
    if (_0 != "") {
        location.href = _0
    } else {
        window.close();
        WeixinJSBridge.call("closeWindow")
    }
}

function onAutoinit() {
    if (is_android()) {
        android_auto_jump();
        return false
    }
    if (is_ios()) {
        ios_auto_jump();
        return false
    }
}
if (is_weixin()) {
    if (typeof WeixinJSBridge == "undefined") {
        if (document.addEventListener) {
            document.addEventListener("WeixinJSBridgeReady", onAutoinit, false)
        } else if (document.attachEvent) {
            document.attachEvent("WeixinJSBridgeReady", onAutoinit);
            document.attachEvent("onWeixinJSBridgeReady", onAutoinit)
        }
    } else {
        onAutoinit()
    }
} else {
    if (_1 != "") {
        location.href = _1
    } else {
        window.close()
    }
}
</script>
</body>
</html>

你要作的就是複製下來上面的源碼，在你的電腦新建記事本，而後複製到記事本，替換你的連接，而後保存，將.txt後綴改成.html後綴！

而後雙擊這個文檔你就會發如今電腦端就能夠跳轉到支付寶啦！

可是最關鍵的是！

那麼這個HTML文檔放在哪裏呢？這也是不少技術文檔沒有提到的!

固然是放在你的服務器上啦。若是你沒有域名，你能夠去阿里雲申請一個域名。估計得用三天的時間審覈，價格嘛....

幾百元到幾十元不等...