h5/uni-app打开手机app，没有则跳转到商店下载

需求：在做商品分享/直播分享时，app内分享出去的链接，能够在微信、手机浏览器打开。
遇到的问题：
1，Android，当手机没有下载app时，在浏览器打开，会下载app，但是手机下载了app，除了会跳到分享的商品页，1s后还会提示下载（暂未解决，另外：Android不支持微信里跳转到app分享页）

2.ios却能在微信里-直接跳转到App分享的页面，但是手机没用下载App时，只能够加个中间页-提示用户浏览器打开。把跳转App Store的链接放到中间页就可以跳到商店下载了

goosDetailshowClick() {//点击事件// console.log(this.productId,this.userId,'userId----获取')var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端if(isAndroid){// window.location.href = "simply://com.tqdk?type=live&id=" +326; /***打开app的协议，有安卓同事提供***/window.location.href = "simply://com.tqdk?productId="+this.productId+"&userId="+this.userId; window.setTimeout(function(){window.location.href = "https://pic.cklock.cn/app/app-release.apk"; },1000); }else if(isiOS){var loadDateTime = new Date();// window.location.href ="cn.com.cksmart.qkxz:///productId="+this.productId+"&userId="+this.userId;// https://pay.chienkun.net.cn/h5/ 是中间页，微信打开：没有下载时，跳到这个页面，提示浏览器打开（这个页面自动跳下载页）window.location.href ="https://pay.chienkun.net.cn/h5/?productId="+this.productId+"&userId="+this.userId;// var setTimeout  = window.setTimeout(function() {//   window.location.href = "https://apps.apple.com/cn/app/塞罕云-智能物联-生活服务/id1571682474";//     var timeOutDateTime = new Date();// },3000);}
}

第二步：提示页和代码

<template><view class="index"><image src="../../static/index/share.jpg" mode=""></image></view>
</template><script>
var app = getApp()
export default {data() {return {};},onLoad() {var browser = {versions: function () {var u = navigator.userAgent, app = navigator.appVersion;return {         //移动终端浏览器版本信息trident: u.indexOf('Trident') > -1, //IE内核presto: u.indexOf('Presto') > -1, //opera内核webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器iPad: u.indexOf('iPad') > -1, //是否iPadwebApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部};}(),language: (navigator.browserLanguage || navigator.language).toLowerCase()}if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面var ua = navigator.userAgent.toLowerCase();//获取判断用的对象console.log(ua,'ua----------------')if (ua.match(/MicroMessenger/i) == "micromessenger") {   //在微信中打开window.location.href = "https://apps.apple.com/cn/app/塞罕云-智能物联-生活服务/id1571682474";}if (browser.versions.ios) {//是否在IOS浏览器打开window.location.href = "https://apps.apple.com/cn/app/塞罕云-智能物联-生活服务/id1571682474";} //      if(browser.versions.android){//是否在安卓浏览器打开// window.location.href = "https://pic.cklock.cn/app/app-release.apk"; //      }// if (ua.match(/WeiBo/i) == "weibo") {//         //在新浪微博客户端打开// }// if (ua.match(/QQ/i) == "qq") {//         //在QQ空间打开// }} else {  //否则就是PC浏览器打开// window.location.href = "https://apps.apple.com/cn/app/塞罕云-智能物联-生活服务/id1571682474";}},methods: {}
};
</script><style lang="scss">.index {image {width: 100%;height: 210upx;}}
</style>

h5/uni-app打开手机app，没有则跳转到商店下载相关推荐

手机h5 java平台_H5 手机 App 开发入门：技术篇
1.手机 App 的技术栈手机 App 的技术栈可以分成三类原生 App 技术栈原生技术栈指的是,只能用于特定手机平台的开发技术.比如,安卓平台的 Java 技术栈,iOS 平台的 Object ...
【Android】Android App打开手机QQ、微信等应用
分享可能会用到一些第三方的分享,但是,有时候,我们也可以将一些文本内容复制到粘贴板,然后打开手机QQ,或者是微信手动粘贴进行分享,现在分享一下如何打开手机QQ等应用(效果可以实现,有一些注释是个人理解 ...
混合app用百分比还是rem_如何用平板APP和手机APP控制混合音视频矩阵切换器
平板电脑APP软件和手机APP软件控制混合音视频矩阵切换器,控制准确灵敏,使用灵活方便,内容丰富而且可以任意改动,外观漂亮.适用于混合矩阵.HDMI矩阵.DVI矩阵.VAG矩阵.AV矩阵.视频矩阵.音 ...
Android进阶之路 - 跳转应用商店下载、更新app
写项目时,遇到版本升级.更新功能的地方太多了~ 针对不同的需求方,有的在项目内实时下载安装,有的则直接跳转应用商店让用户自行下载 ~ 版本更新.升级方式当前项目内进行版本升级,apk下载后替换升级包 ...
js/html打开手机APP常用应用大全
js通过URL Scheme打开常用应用大全系统短信 sms:// app store itms-apps:// 电话 tel:// 备忘录 mobilenotes:// 设置 prefs:roo ...
Mac pro自动调用相册app打开手机的照片
最近遇到一个问题很烦,当我们通过usb连接mac pro和iphone的时候,mac pro上的相册app会自动打开,然后就提示要我们解锁app,如果解锁后就会展示相册的照片,在人多的场合,如果有些私 ...
h5+、mui创建手机APP，华为等手机底部虚拟按键问题
网址:http://ask.dcloud.net.cn/question/56517 2019年7月15日03:07:38更新,此解决方式会导致文件上传功能炸掉,可以去我7.15的博客查看解决方式转 ...
Python爬虫入门教程 43-100 百思不得姐APP数据-手机APP爬虫部分
1. Python爬虫入门教程爬取背景 2019年1月10日深夜,打开了百思不得姐APP,想了一下是否可以爬呢?不自觉的安装到了夜神模拟器里面.这个APP还是比较有名和有意思的. 下面是百思不得姐的 ...
使用自动化测试工具selenium爬虫——爬取艾瑞app获取手机app使用排行
话不多说,进入正题,我就不说怎么安装selenium.怎么用webdriver了,有人要是不会可以私信我哈.不过我想,这里混的都是大佬,不会比我这种小白程序员差,我也就做个分享而已. 目录一.导入需 ...
App打开小程序，无法跳转回App的问题
我的需求: 在App中调起小程序,让小程序去完成支付,支付成功后,在小程序里点击按钮,返回App. 碰到的问题: 支付成功后,点击按钮,无法返回App. 解决方案: 在AndroidManifest. ...

h5/uni-app打开手机app，没有则跳转到商店下载

h5/uni-app打开手机app，没有则跳转到商店下载相关推荐

最新文章

热门文章