标签:限制 相关 idt safari 兼容 打开 页面 image verify
通过扫描二维码下载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¶ms=%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¶ms=%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在微信中的推广转化率。也解决掉了微信中下载链接被屏蔽等问题。充分利用微信的用户群体来宣传引流。
在微信中,实现微信点击链接或者扫描二维码在浏览器中打开指定的链接
标签:限制 相关 idt safari 兼容 打开 页面 image verify
原文地址:https://www.cnblogs.com/hldwm/p/10359952.html