【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文档放在哪里呢？这也是不少技术文档没有提到的!

固然是放在你的服务器上啦。若是你没有域名，你能够去阿里云申请一个域名。估计得用三天的时间审核，价格嘛....

几百元到几十元不等...

没有服务器又不想申请怎么办？

往上面仔细找到个人GZ号，后台回复：服务器

你也能够向我同样去微信群里刷屏坐等收入XXXX元啦！发挥你的想象微笑

最后一步！如何生成短链接？

将你的域名连接复制到微博，随便找一个私信，发送你的长链

接，当发送过去是就自动变成短连接啦！

如图：

发送前

发送后：

图好大......

关于转载受权----GZ号后台回复请求受权

版权全部！未经受权！禁止转载！

您最好的打赏方式就是领取个人赏金红包！

【JavaScript实现】微信点击短连接直接跳转到支付宝领红包教程 附带例子

【JavaScript实现】微信点击短连接直接跳转到支付宝领红包教程附带例子