分享!如何实现微信扫二维码调用外部浏览器打开指定页面的功能
2019-05-29 19:49
676 查看
需求概述
分享链接已经成为手机应用一个非常重要的推广传播形式。为了提高转化率,就需要让用户不管是在微信中直接打开链接还是扫描二维码都能直接下载app。
由于微信对第三方应用管的非常严格,故目前的大环境就是微信会自动屏蔽掉含apk或ios文件的下载链接,导致苹果用户无法在微信内打开下载链接,安卓用户则需要前往外部浏览器打开二级界面下载。那么这样的体验对于用户来说是一个很复杂且体验极差的过程。那么如何绕过微信的Scheme屏蔽,在微信中打开下载链接不被系统屏蔽且能直接下载app呢。
所以针对这个问题,特写此篇文章分享我们公司之前的处理方案。首先如果我们没有专业的技术团队,我们可以去找一家提供个该技术的团队合作,我们之前一直用的是366API平台的接口,效果还不错,很稳定。然后如果大家有自己的技术团队,是可以自行编写跳转程序的,参考案例见下文。
一、首先我们说说366API平台的使用方法:
1、使用浏览器打开我们需要用到的366API
2、复制链接粘贴进api工具框中,点击生成跳转短链接和二维码
3、复制短连接和二维码前往微信中打开链接或扫码即可。
二、其次我们说说如何构建微信跳转浏览器的源码:
1、ios端微信加遮罩提示前往浏览器打开的代码
[code]<style type="text/css"> .mask { position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777; z-index: 1002; left: 0px; opacity:0.5; -moz-opacity:0.5; } </style>
[code]<pre class="html" name="code"><script type="text/javascript"> //兼容火狐、IE8 //显示遮罩层 function showMask(){ $("#mask").css("height",$(document).height()); $("#mask").css("width",$(document).width()); $("#mask").show(); } //隐藏遮罩层 function hideMask(){ $("#mask").hide(); } </script>
[code]<div id="mask" class="mask"></div> <a href="javascript:;" onclick="showMask()" >点我显示遮罩层</a><br />
2、Android端微信自动唤醒默认浏览器打开网页链接的代码
[code]<?php // 统一调用微信白名单接口:https://api.366api.cn/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']; } ?>
[code]<?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>'; } } } ?> <!详情可参考:http://www.366api.cn-->
相关文章推荐
- 扫描 4000 二维码如何实现从微信内直接跳转外部浏览器打开指定页面
- 扫描二维码如何实现从微信内直接跳转外部浏览器打开指定页面
- 扫描二维码如何实现从微信内直接跳转外部浏览器打开指定页面
- 微信扫二维码调用外部浏览器打开指定页面
- 微信朋友圈分享链接调用外部浏览器打开指定URL链接是如何实现的
- 微信扫二维码调用外部浏览器打开指定页面的解决方案
- JS如何实现在微信中调用外部浏览器打开指定链接
- 微信如何实现自动跳转到用其他浏览器打开指定页面下载APP
- 如何实现微信自动跳转到用其他浏览器打开指定页面下载APK
- 微信跳转外部浏览器下载app,微信扫二维码调用外部浏览器打开页面
- 微信如何实现自动跳转到用其他浏览器打开指定页面下载APK
- 微信如何实现自动跳转到用其他浏览器打开指定页面下载APK
- 微信公众号调用外部浏览器打开指定URL链接是如何实现的
- 微信中点击链接直接跳到默认浏览器 推广链接如何调用外部的浏览器实现下载功能
- 微信如何实现自动跳转到用其他浏览器打开指定页面下载APP
- 微信点击链接或者扫描二维码通过默认浏览器打开指定链接是如何实现的
- 微信内扫描识别二维码打开网页的时候调用外部浏览器打开页面
- 微信如何实现自动跳转到用其他浏览器打开指定页面下载APK的方案
- 微信如何实现自动跳转到用其他浏览器打开指定页面下载APK
- 怎样实现微信打开网址后自动调用手机自带默认浏览器或提示选择浏览器,微信跳转手机浏览器打开指定页面