在微信中,实现微信点击链接或者扫描二维码在浏览器中打开指定的链接

Posted hldwm

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在微信中,实现微信点击链接或者扫描二维码在浏览器中打开指定的链接相关的知识,希望对你有一定的参考价值。

通过扫描二维码下载APP已成为一个大家惯用且非常方便的下载方式了,微信也成为扫描二维码重要的工具,因为目前微信的用户占据了市场的半壁江山。然而在我们做营销活动或推广宣传的时候,容易遇到域名被封,无法跳转app下载等情况。这时需要微信跳转外部浏览器打开页面的功能,对于ios系统的用户默认可以通过点击右上角的更多符号从而选择“在浏览器中打开”的方法很多用户并不知道这样的实现,因此需要在代码中进行相关处理。

目前ios只能通过遮罩层来提示用户前往Safari打开分享域名,对于安卓可以直接外跳到手机默认浏览器,下面就分别介绍下这2种方式的实现方式。

技术图片

 

【一】微信外跳浏览器

安卓系统相对来说比较简单,故可以实现微信内自动跳转手机默认浏览器打开下载页。实现代码如下:

HTML代码

?<?php
function get_ticket($code){
    //初始化
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE); // https请求 不验证证书和hosts
    $headers = array();
    $headers[] = ‘User-Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 11_1_2 like Mac OS X; zh-CN) AppleWebKit/537.51.1 (Khtml, like Gecko) Mobile/15B202 UCBrowser/11.7.7.1031 Mobile  AliApp(TUnionSDK/0.1.20)‘;
    $headers[] = ‘Referer: https://m.mall.qq.com/release/?busid=mxd2&ADTAG=jcp.h5.index.dis‘;
    $headers[] = ‘Content-Type:application/x-www-form-urlencoded; charset=UTF-8‘;
 
    curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
    $content = curl_exec($ch);
    curl_close($ch);
    //$arr = json_decode($content,1);
    //if($arr[‘success‘] == ‘1‘){
    //    $shotCode = $arr[‘shotCode‘];
    //}else{
    //    $shotCode = ‘‘;
    //}
    //preg_match(‘/openlink":"(.*?)"}/‘,$content,$result);
    //$url = $result[1];
     
    preg_match(‘/href="(.*?)#wechat/‘,$content,$result);
    $url = $result[1];
    return $url;
}
    $time = time()-$info[‘ticket_time‘];
    $minute=floor($time/60);
    query_update ( "jump_logs", "count=count+1". " where code=‘" . $code . "‘" );
    if($minute >= 59){
        //如果超过1小时,更新ticket
        $url = get_ticket($w_url_code);
        if($url){
        query_update ( "jump_logs", "ticket_time=‘".time()."‘, ticket=‘" . $url . "‘ where code=‘" . $code . "‘" );
        $ticket_url = $url.‘#‘;
        if(strpos($_SERVER[‘HTTP_USER_AGENT‘], ‘baiduboxapp‘)||strpos($_SERVER[‘HTTP_USER_AGENT‘], ‘baiduboxapp‘)){//安卓百度手机APP
            echo ‘<script>window.location.href = "bdbox://utils?action=sendIntent&minver=7.4&params=%7b%22intent%22%3a%22‘.$url.‘%23wechat_redirect%23wechat_redirect%23Intent%3bend%22%7d";</script>‘;
            }else{
                echo ‘<script>window.location.href = "‘.$ticket_url.‘";</script>‘;
            }
        }
    }else{
        $ticket_url = $info[‘ticket‘].‘#‘;
        if(strpos($_SERVER[‘HTTP_USER_AGENT‘], ‘baiduboxapp‘)||strpos($_SERVER[‘HTTP_USER_AGENT‘], ‘baiduboxapp‘)){//安卓百度手机APP
            echo ‘<script>window.location.href = "bdbox://utils?action=sendIntent&minver=7.4&params=%7b%22intent%22%3a%22‘.$info[‘ticket‘].‘%23wechat_redirect%23wechat_redirect%23Intent%3bend%22%7d";</script>‘;
            }else{
                echo ‘<script>window.location.href = "‘.$ticket_url.‘";</script>‘;
            }
    }
}<--有不懂的咨询我的q:3358246772-->
?>

JS代码

var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf(‘micromessenger’) !== -1})();
window.onload = function() {
var winHeight = typeof window.innerHeight != ‘undefined’ ? window.innerHeight : document.documentElement.clientHeight; //兼容IOS,不需要的可以去掉
var btn = document.getElementById(‘J_weixin’);
var tip = document.getElementById(‘weixin-tip’);
var close = document.getElementById(‘close’);
if (is_weixin) {
btn.onclick = function(e) {
tip.style.height = winHeight + ‘px’; //兼容IOS弹窗整屏
tip.style.display = ‘block’;
return false;
}
close.onclick = function() {
tip.style.display = ‘none’;
}
}
}

 

【二】遮罩提示

苹果手机由于ios系统本身的限制,目前只能做到加遮罩提示前往Safari下载app。实现代码如下:

function isWx(){//判断是否为微信
    var ua = window.navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i) == ‘micromessenger‘){
        return true;
    }
    return false;
};
if(isWx()){//判断浏览器是否微信
    var html=‘<div class="box"><img src="images/head.png"></box>‘
    layer.open({//这里使用了layer的弹窗组件,你也可以自己写
        type: 1,content: html,anim: ‘up‘,
           style: ‘position:fixed; bottom:0; left:0; width: 100%; height: 100%; padding:0; border:none;‘
      });
      return;

实现效果如下:

技术图片

 

完成以上代码,基本就可以实现微信内打开分享链接自动跳转手机浏览器的难题了。这样我们就可以直接用微信扫描二维码在微信中分享和宣传引流了。如此我们即能够极大的提高自己的APP在微信中的推广转化率。也解决掉了微信中下载链接被屏蔽等问题。充分利用微信的用户群体来宣传引流。

以上是关于在微信中,实现微信点击链接或者扫描二维码在浏览器中打开指定的链接的主要内容,如果未能解决你的问题,请参考以下文章

微信中点击链接或者扫描二维码可以直接打开指定网页下载

微信中点击链接或者扫描二维码可以直接打开指定网页下载

微信中点击链接或者扫描二维码直接跳转外部浏览器打开指定网页下载

简单几步轻松实现在微信中直接下载APK

简单几步轻松实现在微信中直接下载APK

微信中点击链接或扫描二维码跳转外部浏览器的API接口