h5单页，微信浏览器唤醒APP

微信内的H5单页，都不能直接唤醒APP。所以需要打开外部浏览器。目前android能够通过后台的配合修改请求头，打开外部浏览器唤醒APP。ios目前没找到合适的方法，只能引导用户自己使用默认浏览器打开H5单页，进而唤醒APP

思路：

ios：判断是否是微信，是微信则显示打开默认浏览器页面。否则，直接跳转

android：后台配合，跟后台约定一个链接，修改链接的请求头为下载响应头（用于打开外部浏览器），并将前端需要访问的H5单页链接返回过来。

具体实现：

1.跟后台约定的链接

var pathName=window.document.location.pathname;
var curWwwPath=window.document.location.href;
var pos=curWwwPath.indexOf(pathName);
var prefixUrl=curWwwPath.substring(0,pos);
this.linkData = prefixUrl+'/ourHouse/system/openBrowser?aa='+'参数'

访问后台返回的链接，跳转到外部浏览器并访问返回的链接

2.进页面先判断是否是IOS并且是微信浏览器

 //判断是否是微信浏览器并且是ios系统
if(ua.indexOf('micromessenger') > -1 && ua.indexOf('os') > -1){//提示请选择在浏览器打开$("img").css({'display':'block'});$("body").css({'background':'black',"opacity":"0.8"});$(".box").css('display','none');}//点击领取$(document).on('click','.discount_use',function(){if(localStorage.getItem("token")){if($('.discount_use').text() == '去使用' || $('.discount_use').text() == '打开APP'){//唤醒APP.second_rightopenclient();}else{getDiscount();}}else{window.location.href='./login.html'}})

3.H5页面唤醒APP的方法。

 //唤醒APP的方法，
//config.scheme_IOS,config.scheme_Adr。跟IOS和android定义好的跳转到APP的路径
//config.download_url，android的下载路径。IOS没有对应APP时，自己会跳转到appstorefunction openclient() {// alert(ua)var ifr = document.createElement('iframe')if(ua.indexOf('os') > 0){window.location.href=config.scheme_IOS;}else{ifr.src = config.scheme_Adr;ifr.style.display = 'none';document.body.appendChild(ifr);setTimeout(function(){document.body.removeChild(ifr);window.location.href = config.download_url}, 2000);}}

h5单页，微信浏览器唤醒APP相关推荐

微信浏览器唤醒App
实现效果如下图所示,顶部会有一个广告图,点击这个广告图,如果手机上已经安装了App,则直接打开,如果没有安装,则开始下载,如果在微信公众号中,则跳转应用宝第三方平台跳转. html <span ...
iOS 浏览器唤醒app
转自:https://www.jianshu.com/p/3936287bccdd 今天工作需要,要实现微信.QQ等扫描二维码,唤醒app,跳到指定页面的功能.我去,一想没有做过呀!好吧!今天有时间做 ...
微信浏览器禁止app下载链接怎么办
通过扫描二维码下载APP已成为一个非常方便的方式,微信也成为扫描二维码重要的工具,但是扫描后微信浏览器会对APK和appStore的链接进行屏蔽,导致用户无法正常下载.本文提供两个迂回的解决方案:1. ...
H5开发在微信浏览器上,出现“白屏”问题
微信开发: H5开发在微信浏览器上,出现"白屏"问题在开发微信公众号的页面时,应该很多开发者会出现: 从菜单栏点击跳转到页面时出现白屏或者授权完成重定向出现白屏. 大致导致白屏的 ...
仿抖音短视频h5单页版htnl上传即可使用源码文件
仿抖音短视频的模板项目是前后端分离,前端采用uniapp开发,后端目前是用frphp临时搭建的接口,后续为了方便管理内容,会移植到极致cms上.现在也可丢到网站里当一个单页使用,无聊时可以刷一刷短视 ...
H5页面在微信浏览器中打开，右上角没有出现三个点
在发现问题的日期2020/09/23,微信好像出现了纯H5页面在微信浏览器中打开右上角没有三个点,经过同文件更换多个服务器和域名测试,发现可能是由于打开的域名的没有备份,现在正在走备案流程,出现问题换 ...
H5页面在微信浏览器中自动播放视频
H5页面在微信浏览器中自动播放视频安卓和IOS不同 h5在安卓微信浏览器上的视频不能自动播放 h5在iOS微信浏览器上的视频可以自动播放 iOS的实现方案
h5 iframe显示不全_H5 唤醒APP小记
H5 唤醒APP功能最近遇到一个需求,需要在从APP分享出去的H5页面中,带有一个立即打开的按钮,如果本地安装了app,那么就直接唤起本地的app,如果没有安装,则跳转到下载.这是一个很正常的推广和 ...
h5 intent 调起_H5唤醒App方式汇总
最近在做扫码之后的h5页面唤醒App的功能,牵涉到oemApp等复杂的场景,做下记录唤醒方式列表URL Schemes chrome intent ios UniversalLink / andro ...

h5单页，微信浏览器唤醒APP

h5单页，微信浏览器唤醒APP相关推荐

最新文章

热门文章