在应用(微信/浏览器)中拉起手机QQ

admin

在应用(微信/浏览器)中拉起手机QQ

1. mqqapi://forward/url?version

复制代码

1. http://41e664-0.gz.1253619672.clb.myqcloud.com/url/wuyihb.html?_wv=3&t=1493478113833&

复制代码

场景是：当我们做一些活动用来拉新等等时，通常会限制用户只在手Q中打开。比如用户通过微信扫码到了我们H5活动页面。那么我们就可以通过伪协议将手Q拉起，并且将H5页面打开。用户到达的途径有很多，比如通过浏览器，通过微信，通过其他APP应用。

---

正解代码

先不看原理的话，代码应该是像下面的。今天我也参照了许多别人的代码，但大多数不是这个不兼容，就是微信拉不起来。或者是 IOS 拉起正常，但是 Android 就是不行。这通常是由于代码没有完备造成的。更主要是因为我们的浏览器什么的都在时时更新。

1. /**
   
2. * 检测浏览器UA
   
3. * @type {Function}
   
4. */
   
5. var condition = (function() {
   
6.    var ua = navigator.userAgent,
   
7.        chrome = ua.match(/Chrome\/([\d.]+)/) || ua.match(/CriOS\/([\d.]+)/);
   
8.    //利用正则获得匹配 安卓 UA
   
9.    var getAndroidVersion = function() {
   
10.        var ua = navigator.userAgent.toLowerCase(),
    
11.            version = ua.match(/android\s([0-9\.]*)/);
    
12.        return version ? version[1].split('.')[0] : false;
    
13.    };
    
14.    return {
    
15.        chrome: chrome,  //true or false
    
16.        androidVersion: getAndroidVersion()   //version
    
17.    }
    
18. });
    
19. /**
    
20. * 获得伪协议
    
21. * @param jumpURL
    
22. * @returns {string}
    
23. */
    
24. function getURL( normal ) {
    
25.    if(normal) {
    
26.        return 'mqqapi://forward/url?src_type=internal&version=1&url_prefix='+ btoa(location.href);
    
27.    }
    
28.    return "intent://forward/url?src_type=web&style=default&=1&version=1&url_prefix=" + btoa(location.href) + "#Intent;scheme=mqqapi;package=com.tencent.mobileqq;end";
    
29. }
    
30. /**
    
31. * 检测是否安装了QQ,如果没有安装要引导用户安装
    
32. */
    
33. var checkIfInstallQQ = function() {
    
34.   WeixinJSBridge.invoke("getInstallState", {
    
35.       "packageUrl": "mqq://", //ios
    
36.       "packageName": "com.tencent.mobileqq" //android
    
37.   }, function(res) {
    
38.       if(/^get_install_state:yes/.test(res.err_msg)) {
    
39.           window.open( getURL( true ), '_self' );
    
40.           window.setTimeout(function() {
    
41.               WeixinJSBridge.invoke("closeWindow");
    
42.           }, 1500);
    
43.       } else if(/^get_install_state:no$/.test(res.err_msg)) {
    
44.           if(confirm('您还没有安装手Q，现在去下载安装？')) {
    
45.               window.location.replace('http://im.qq.com/mobileqq/touch/index.html');
    
46.           }
    
47.       } else {
    
48.           Alert.show({
    
49.               showCancel:false,
    
50.               msg: "err:" + res.err_msg
    
51.           });
    
52.       }
    
53.   });
    
54. };
    
55. /**
    
56. * 判断是否在手q中打开，如果不是，则判断是否在微信打开
    
57. * 如果在微信打开，调用微信的 JSBridge
    
58. */
    
59. if( !U.ua.QQ ){
    
60.     Alert.show({
    
61.         showCancel:false,
    
62.         msg: "请在手q中打开此页面",
    
63.         onConfirm : function () {
    
64.             //如果在微信中打开
    
65.             if(U.ua.weixin) {
    
66.                 if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
    
67.                     checkIfInstallQQ();
    
68.                 } else {
    
69.                     if (document.addEventListener) {
    
70.                         document.addEventListener("WeixinJSBridgeReady", checkIfInstallQQ, false);
    
71.                     } else if (document.attachEvent) {
    
72.                         document.attachEvent("WeixinJSBridgeReady", checkIfInstallQQ);
    
73.                         document.attachEvent("onWeixinJSBridgeReady", checkIfInstallQQ);
    
74.                     }
    
75.                 }
    
76.             }else{
    
77.                 //这里也可以判断下是否安装了手Q
    
78.                 if(U.ua.android && condition.chrome && condition.androidVersion() >= 5) {
    
79.                     window.open( getURL(false) );
    
80.                 }else{
    
81.                     window.open( getURL(true) );
    
82.                 }
    
83.             }
    
84.         }
    
85.     });
    
86.     return;
    
87. }

复制代码

1. 原始地址：http://cailidan.cn/2016/10/16/%E5%9C%A8%E5%BA%94%E7%94%A8-%E5%BE%AE%E4%BF%A1-%E6%B5%8F%E8%A7%88%E5%99%A8-%E4%B8%AD%E6%8B%89%E8%B5%B7%E6%89%8B%E6%9C%BAQQ/

复制代码