码迷,mamicode.com
首页 > 微信 > 详细

微信无法下载文件如何做提示跳转到浏览器

时间:2019-01-27 22:00:33      阅读:278      评论:0      收藏:0      [点我收藏+]

标签:mic   分享图片   UNC   ipad   一个   bottom   utf-8   dsp   tar   

需求分析

目前的APP基本都支持二维码扫描下载。由于微信现在是主流的聊天软件,90%的用户都是通过微信分享APP的,再从分享的链接下载apk/ios包。故用户通常使用微信打开链接或扫描二维码前往下载页,这是刚需。

在我们做营销活动或推广宣传的时候,容易遇到域名被封,无法跳转app下载等情况。这时需要微信跳转外部浏览器打开页面的功能,对于微信默认可以通过点击右上角的更多符号选择“在浏览器中打开”。但是对于很多用户而言并不知道这样的实现,所以需要在代码中进行相关操作。目前ios只能通过遮罩层来提示用户,对于安卓可以直接跳转外面默认浏览器,下面就分别介绍下这2种方式的实现方式。 

技术分享图片

 

实现方式

1. 遮罩提示(多用于ios系统)

遮罩引导法,这种事最简单的方法,一般会用在ios上较多。

1.1 代码如下

?
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;
}<--有不懂的咨询我的q:3358246772-->

2.2 实现效果

技术分享图片

 

 

2. 自动跳转浏览器(多用于安卓系统)

2.1 安卓手机的话是可以通过点击链接直接跳转出微信,从而自动打开手机默认的浏览器前往下载页的。代码如下:

?

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

2.2 ios系统则无法实现该逻辑,需要进行判断,判断代码如下:

?
function isDevice(){//判断是android还是ios还是web
    var ua = navigator.userAgent.toLowerCase();
    if(ua.match(/iPhone\sOS/i) == "iphone os" || ua.match(/iPad/i)=="ipad"){//ios
        return "iOS";
    }
    if(ua.match(/Android/i) == "android") {
        return "Android";    
    }
    return "Web";

该下载链接需要给出一下头部:

?
header("Content-type:application/pdf");
header("Content-Disposition:attachment;filename=‘downloaded.pdf‘");

此时微信会因为头部是下载处理,自动跳转到浏览器中打开这个链接,主要就是让服务端返回一个PDF下载就行了,这样微信就会直接跳出到浏览器打开。

至此,我们在微信中分享下载链接或二维码就不会出现无法自动跳转的问题了,本代码另外还附带了防封接口,可最大程度防止微信封域名的情况。这样我们就可以直接用微信扫描二维码在微信中分享和宣传引流了。如此我们即能够极大的提高自己的APP在微信中的推广转化率。也解决掉了微信中下载链接被屏蔽等问题。充分利用微信的用户群体来宣传引流。

 

微信无法下载文件如何做提示跳转到浏览器

标签:mic   分享图片   UNC   ipad   一个   bottom   utf-8   dsp   tar   

原文地址:https://www.cnblogs.com/xxnhh/p/10327595.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!