1. 程式人生 > >微信跳轉外部瀏覽器下載app

微信跳轉外部瀏覽器下載app

-a none 圖片 微信跳轉 city 二維碼 自己的 redirect 提示點

需求分析

將打包好的apk/ios文件部署到服務器,把下載頁面的URL通過二維碼編輯器或根據URL代碼生成一個二維碼,然後通過二維碼進行微信推廣已經成為很多用戶慣用的方式。但微信會對含apk/ios文件的鏈接進行了屏蔽,所以導致微信掃碼打不開下載鏈接。理想的狀態是安卓自動下載,蘋果點擊左上角按鈕前往Safari下載。那麽究竟該如何處理才能達到理想的結果呢?

我們知道 js 可以通過 window.navigator.userAgent 來獲取瀏覽器的相關信息,比如:Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.154 Safari/537.36,那麽我們也可以通過該方法來獲取微信內置瀏覽器的相關信息:Mozilla/5.0 (iPhone; CPU iPhone OS 7_1_1 like Mac OS X) AppleWebKit/537.51.2 (KHTML, like Gecko) Mobile/11d201 MicroMessenger/5.3。根據關鍵字 MicroMessenger 來判斷是否是微信內置的瀏覽器。從而實現安卓自動下載或跳轉到瀏覽器打開下載鏈接,蘋果會提示點擊右上角的按鈕前往Safari下載。

技術分享圖片

代碼編程

HTML代碼

<?php
// 統一調用微信白名單接口:https://wq.jd.com/mjgj/link/GetOpenLink?callback=getOpenLink&rurl=https://dc2.jd.com/auto.php?service=transfer&type=pms&to=(這裏是拼接自己的內容地址比如http://mjbbs.jd.com/data/attachment/forum/201806/08/173526pb2zpjzzooo2ofze.jpg)
if($_GET[t]){
// include("admin/config.php");
// include("admin/function.php");
$code = $_GET[t]; $info = query ( "jump_logs", "where code=‘" . $code . "" ); if($info[code] == ‘‘){ echo 跳轉失敗; exit(0); } if($info[state] == 1){ if($info[count] >= $info[num]){ echo 跳轉失敗; exit(0); } $time = strtotime($info[time]); if(time() > $time){ echo
跳轉失敗; exit; } }else{ echo 跳轉失敗; exit; } if($info[www_url] == ‘‘){ echo 請先配置落地頁; exit; }else{ $w_url_code = $info[rl]; } ?>

CSS代碼

1 #weixin-tip{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);filter:alpha(opacity=80);width:100%;height:100%;z-index:100;}
2 #weixin-tip p{text-align:center;margin-top:10%;padding:0 5%;position:relative;}
3 #weixin-tip .close{color:#fff;padding:5px;font:bold 20px/24px simsun;text-shadow:0 1px 0 #ddd;position:absolute;top:0;left:5%;}

JS封裝代碼

<?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--> 


至此,我們就可以直接用微信掃描二維碼在微信中分享和宣傳引流了。這樣我們能夠極大的提高自己的APP在微信中的推廣轉化率。解決掉了微信中下載鏈接被屏蔽等問題。充分利用微信的用戶群體來宣傳引流。

微信跳轉外部瀏覽器下載app