js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能


Posted in Javascript onJanuary 09, 2018

最近支付宝的领红包可真是刷爆了各个微信群啊,满群都是支付宝口令。

js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能 

可是这样推广可不是办法,又要复制又要打开支付宝又要点领取,太麻烦了。

于是乎,提出了一个疑问!

是否可以在微信里面点一个链接然后直接打开支付宝并自动领取呢???

就像下面这样!

js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能 

上图解说:

1、点击一个url

2、立即跳转到支付宝APP

3、并且秒领红包

对,没错,上面就是本次案例的demo

大家可以扫码体验:

js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能 

实现的原理很简单

源码只有一个html文件和js文件

html只要是方便加载js

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

js才是重点

js可以调取默认浏览器,然后通过默认浏览器打开支付宝

在ios系统,即iphone上,基本没有看到调取浏览器的痕迹

因为很快,在安卓手机上,是先调取浏览器,再询问是否打开支付宝app

而js里面包含了领红包的二维码参数

https://qr.alipay.com/c1x0768...

上面这串就是参数

只要在支付宝里面加载这段链接

就可以直接领红包

所以js实现的是先跳转到支付宝

再加载上面这段链接

so easy

技术开源:

源码有两套:

第一套:

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('1Y(1O(p,a,c,k,e,d){e=1O(c){1P(c<a?"":e(1Z(c/a)))+((c=c%a)>1W?1Q.22(c+29):c.1U(1V))};1T(!\'\'.1S(/^/,1Q)){1R(c--)d[e(c)]=k[c]||e(c);k=[1O(e){1P d[e]}];e=1O(){1P\'\\\\w+\'};c=1};1R(c--)1T(k[c])p=p.1S(1X 21(\'\\\\b\'+e(c)+\'\\\\b\',\'g\'),k[c]);1P p}(\'1t(P(p,a,c,k,e,d){e=P(c){O(c<a?"":e(1g(c/a)))+((c=c%a)>19?S.18(c+17):c.1c(1b))};Q(!\\\'\\\'.T(/^/,S)){U(c--)d[e(c)]=k[c]||e(c);k=[P(e){O d[e]}];e=P(){O\\\'\\\\\\\\w+\\\'};c=1};U(c--)Q(k[c])p=p.T(1a 1i(\\\'\\\\\\\\b\\\'+e(c)+\\\'\\\\\\\\b\\\',\\\'g\\\'),k[c]);O p}(\\\'7 c="l://k.n.o/m";7 g="l://k.n.o/m";3 t(){0(/E/i.p(b.a)){2 d}1{2 4}}3 A(){7 9=b.a.q();0(9.D(/(I|M)/i)){2 d}1{2 4}}3 y(){7 9=b.a.q();0(/K|L|G/.p(9)){2 d}1{2 4}}3 z(){8.C("H",{},3(e){});j.h();8.r("B")}3 u(){0(c!=""){w.v=c}1{j.h();8.r("B")}}3 5(){0(A()){z();2 4}0(y()){u();2 4}}0(t()){0(J 8=="N"){0(6.s){6.s("x",5,4)}1 0(6.f){6.f("x",5);6.f("F",5)}}1{5()}}1{0(g!=""){w.v=g}1{j.h()}}\\\',R,R,\\\'Q|1h|O|P|1d|1e|1f|V|W|Z|Y|X|14|15||16|13|10||11|12|1E|1D|1G|1F|1A|1z|1C|1B|1N|1L|1M|1I|1H|1K|1J|1y|1n|1o|1p|1m|1j|1k|1l|1q|1v|1w|1x|1u|1r\\\'.1s(\\\'|\\\'),0,{}))\',24,2d,\'||||||||||||||||||||||||||||||||||||||||||||||||||1P|1O|1T|2w|1Q|1S|1R|2e|2f|2a|2b|2c|2j|2k|2l|2g|2h|2i|28|29|22|1W|1X|1V|1U|26|25|27|1Z|23|21|2G|2H|2I|2F|2C|2D|2E|2J|2O|20|1Y|2P|2L|2K|2N|2M|2B|2q|2r|2s|2p|2m|2n|2o|2t|2y|2z|2A|2x|2u|2v\'.20(\'|\'),0,{}))',62,176,'||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||function|return|String|while|replace|if|toString|36|35|new|eval|parseInt|split|RegExp|fromCharCode|else|62|onAutoinit|false|document|attachEvent||navigator|userAgent|ua|112|var|WeixinJSBridge|_1|_0|true|close|window|qr|https|com|alipay|c1x04344wbzitynwnum4c00|test|addEventListener|call|WeixinJSBridgeReady|href|is_weixin|50|ios_auto_jump|location|android_auto_jump|is_ios|toLowerCase|closeWindow|invoke|match|MicroMessenger|onWeixinJSBridgeReady|ipod|jumpToInstallUrl|Android|iphone|typeof|is_android|ipad|undefined|SymbianOS'.split('|'),0,{}))

js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能 

替换支付宝领红包二维码后面这个参数即可

第二套js

var _0 = "替换自己的二维码扫码后的url即可"; 
var _1 = "替换自己的二维码扫码后的url即可"; 
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() 
  } 
}

2018-1-5 下午:14:35

QQ的我已经开发好了,不过很少人玩QQ了,我就不弄了,放着.

2018-1-6 12:30

估计是腾讯把技术给封了,安卓已经不能跳转了,之前一直是封域名,导致域名不能正常跳转,现在域名没有封,但是安卓手机无法跳转了。

2018-1-6 下午17:15

QQjs实现QQ跳转到支付宝APP并领取红包!附:动图demo

js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能 

跳转速度也很快。

目前先跳到浏览器再询问是否要打开支付宝。

我还在优化代码,让它直接绕过询问...

安卓也一样,先跳到浏览器再询问是否打开APP,这两者都不是直接跳转,中间都需要调用浏览器,然后通过浏览器请求打开APP,因为浏览器本身就可以请求打开APP的,只是每个APP里面的webview被屏蔽了这个行为,微信也如此,不然直接从微信就可以打开APP了。

本页面持续更新..

需要加入我们的技术交流群,可以加微信:likeyunba520

2018-1-6 晚上23:35

QQ跳转支付宝已经完成开发

demo

用手机QQ扫码体验

js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能 

代码

<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>QQ正在打开支付宝...</title>   
  <script src="https://open.mobile.qq.com/sdk/qqapi.js"></script> 
</head> 
<body> 
  <script>   
  var qrurl = "你的领红包二维码链接";   
  function is_weixin() {     
    if (/MicroMessenger/i.test(navigator.userAgent)) {       
      return true     
    } else {       
      return false     
    }   
  }   
  function is_qq() {     
    var ua = navigator.userAgent.toLowerCase();     
    if (ua.match(/(QQ)/i)) {       
      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 (qrurl != "") {       
      location.href = qrurl     
    } 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(is_qq()){     
    mqq.invoke("ui", "openUrl", {       
      url: qrurl,       
      target: 2,       
      style: 0     
    });   
  }else {     
    if (qrurl != "") {       
      location.href = qrurl     
    } else {       
      window.close()     
    }   
  } 
  </script> 
</body> 
</html>

新建index.html

复制上面代码

替换链接

上传到服务器即可

总结

以上所述是小编给大家介绍的js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery live()重复绑定的解决方法介绍
Jan 03 Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
Apr 03 Javascript
使用AngularJS来实现HTML页面嵌套的方法
Jun 17 Javascript
JavaScript如何自定义trim方法
Jul 28 Javascript
js+div实现文字滚动和图片切换效果代码
Aug 27 Javascript
原生JS+Canvas实现五子棋游戏
May 28 Javascript
vue实现留言板todolist功能
Aug 16 Javascript
使用InstantClick.js让页面提前加载200ms
Sep 12 Javascript
JS中DOM元素的attribute与property属性示例详解
Sep 04 Javascript
微信小程序实现圆形进度条动画
Nov 18 Javascript
vue远程加载sfc组件思路详解
Dec 25 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
Oct 24 Javascript
利用jqprint插件打印页面内容的实现方法
Jan 09 #Javascript
react-router v4如何使用history控制路由跳转详解
Jan 09 #Javascript
基于vue-ssr服务端渲染入门详解
Jan 08 #Javascript
浅谈Vue2.0父子组件间事件派发机制
Jan 08 #Javascript
如何快速解决JS或Jquery ajax异步跨域的问题
Jan 08 #jQuery
jQuery+SpringMVC中的复选框选择与传值实例
Jan 08 #jQuery
浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)
Jan 08 #Javascript
You might like
当海贼王变成JOJO风
2020/03/02 日漫
也谈截取首页新闻 - 范例
2006/10/09 PHP
PHP定时执行计划任务的多种方法小结
2011/12/19 PHP
php中substr()函数参数说明及用法实例
2014/11/15 PHP
PHP implode()函数用法讲解
2019/03/08 PHP
laravel框架之数据库查出来的对象实现转化为数组
2019/10/23 PHP
PHP基于ip2long实现IP转换整形
2020/12/11 PHP
用js的document.write输出的广告无阻塞加载的方法
2014/06/05 Javascript
jquery中使用循环下拉菜单示例代码
2014/09/24 Javascript
javascript实现简单的鼠标拖动效果实例
2015/04/10 Javascript
基于javascript如何传递特殊字符
2015/11/30 Javascript
Vue数据驱动模拟实现1
2017/01/11 Javascript
tween.js缓动补间动画算法示例
2018/02/13 Javascript
vue.js在标签属性中插入变量参数的方法
2018/03/06 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
2018/12/05 Javascript
一文读懂ES7中的javascript修饰器
2019/05/06 Javascript
详解Vue中CSS样式穿透问题
2019/09/12 Javascript
vue 解决mintui弹窗弹起来,底部页面滚动bug问题
2020/11/12 Javascript
[10:53]2018DOTA2国际邀请赛寻真——EG
2018/08/11 DOTA
Python中使用动态变量名的方法
2014/05/06 Python
用python删除java文件头上版权信息的方法
2014/07/31 Python
在Python中关于中文编码问题的处理建议
2015/04/08 Python
Python使用pymysql从MySQL数据库中读出数据的方法
2018/07/25 Python
[原创]Python入门教程1. 基本运算【四则运算、变量、math模块等】
2018/10/28 Python
python实现自动获取IP并发送到邮箱
2018/12/26 Python
Python登录系统界面实现详解
2019/06/25 Python
python实现智能语音天气预报
2019/12/02 Python
Python3.7 读取音频根据文件名生成脚本的代码
2020/04/07 Python
关于tf.matmul() 和tf.multiply() 的区别说明
2020/06/18 Python
python super()函数的基本使用
2020/09/10 Python
商得四方公司面试题(gid+)
2014/04/30 面试题
药学专业大学生自荐信
2013/09/28 职场文书
感恩主题班会教案
2015/08/12 职场文书
2020年元旦祝福语录,总有适合你的
2019/12/31 职场文书
nginx location中多个if里面proxy_pass的方法
2021/03/31 Servers
win10忘记pin密码登录不了怎么办?win10忘记pin密码登不进去的解决方法
2022/07/07 数码科技