美文网首页
揭秘:如何生成QQ跳转支付宝红包短链接

揭秘:如何生成QQ跳转支付宝红包短链接

作者: 土豆肉丝盖浇饭 | 来源:发表于2018-01-06 16:50 被阅读9882次

最近一段时间,支付宝的赏金红包十分火爆,各种微信群内都是这种红包口令。这种口令需要复制后,在打开支付宝才能领取红包。然后,也出现一种黑科技,直接在微信里面点击url,自动跳转到支付宝,并且红包是直接领取的。下面我就来讲下这个是怎么实现的。

本文只针对ios,安卓已经被和谐

原理

在ios9后,ios提供了一个新特性,叫做Universal Links,这个技术的作用是,每个app可以向ios系统注册自己监控的url,当在其他应用打开这个url时,会到对应的App打开这个链接。
目前微信已经和谐这个功能,QQ还可以

实现

1.获取红包code

在支付宝把你到红包二维码发送到电脑上,然后用微信去扫,你会看到一个url

https://qr.alipay.com/c1x09500yklzfzymznwya7a

最后面那个/后面到就是你的红包code

2.建立网页

网页这一块我也是从网上抓包来到,毕竟自己也不熟悉微信API,直接贴代码

index.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 src="kouling.js"></script>
</body>
</html>   

kouling.js

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

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()
    }
}

把js第1,2行的code改成你自己的

3.搭建服务器

PS:你需要有自己的域名和服务器,没有域名生成不了短链接
我用的是openresty也就是nginx来搭建服务器
openresty的安装,请看http://openresty.org/en/
安装完openresty后,进入/usr/local/openresty/nginx/conf目录,新建一个配置alipay.conf

user root;
worker_processes  1;
error_log logs/error.log;
events {
        worker_connections 1024;
}
http{
        include       mime.types;
        default_type  application/octet-stream;
        server {
                listen  80;
                server_name  alipay.shengchaojie.com;
                root /root/html;
                location /scj{
                }
        }
}

然后建立文件夹/root/html/scj,这个你可以自定义
把index.html还有kouling.js放到文件夹下面
进入/usr/local/openresty/nginx/sbin目录,运行指令./nginx -c conf/alipay.conf

现在静态资源部署好了,把你的域名指向这台服务器,这步就不讲了。
你可以通过http://ip/scj或者http://domain/scj来访问这个页面,如果是在微信里面,那么已经跳转到支付宝领取红包了

4.转换短链接

为了美观一点,我们需要把自己的域名转换为短链接
我们百度短链接,有很多短链接的转换网站,例如http://sina.lt/

在得到短链接后,为了更美观一点你可以设计文案,比如

前任3:再见前任(郑凯 韩庚)
http://t.cn/RHBSqCh
点击链接观看即可

那么很多人的爱美之心会发作,来领取你的红包了

最后

老铁们领取下我的红包把


么么哒

相关文章

  • 揭秘:如何生成QQ跳转支付宝红包短链接

    最近一段时间,支付宝的赏金红包十分火爆,各种微信群内都是这种红包口令。这种口令需要复制后,在打开支付宝才能领取红包...

  • todo

    短链接生成. 秒杀系统 短链接生成 高并发的红包系统 分布式ID生成 分布式限流 分布式定时任务 新浪微博怎么推送...

  • 教你领大红包:搞定支付宝红包码/支付宝红包口令

    想必大家都很好奇怎么才能领到支付宝大红包、怎么才能有支付宝红包码,如何才能生成支付宝红包口令赚大钱吧。本经验教你生...

  • 短信链接打开小程序

    方案:使用微信提供的url link方法 生成短链接 发送给用户 用户点击短链接会跳转到微信提供默认的默认页面 进...

  • QQ自动跳转支付宝领取红包

    前两天看到网上有做将支付宝红包的二维码提取出来,然后调用手机浏览器打开支付宝,自动领取红包的方式,然后自己抽了一晚...

  • 【Vicky’s 碎碎念】云闪付,又一个撸羊毛的好地方

    去年年底开始,支付宝红包就打响了战役,一时间朋友圈被各种二维码占领,登陆QQ群除了早安就是各种短链接齐飞,去了几趟...

  • 小程序启动参数相关问题

    一、支付宝小程序 相关链接: 文档介绍 小程序跳转能力介绍 三方 APP /浏览器如何跳转小程序 小程序 sche...

  • QQ生成客服链接

    // 客服qq生成链接地址 http://bizapp.qq.com/webpres.htm // 普通qq生成链...

  • 支付宝拆红包和领取优惠券专题活动前端解析

    今年公司和支付宝合作,做了蛮多支付宝红包项目。在此也总结罗列下。通常都是一个拆红包页面,点击之后支付宝授权跳转到第...

  • 短链接生成

    在平常开发中可能会遇到url过长的情况,一大堆参数都在后面跟着将url变得很糟看着也很混乱,于是出现了短连接,可以...

网友评论

      本文标题:揭秘:如何生成QQ跳转支付宝红包短链接

      本文链接:https://www.haomeiwen.com/subject/vsiynxtx.html