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

article/2025/8/24 2:27:14

需求:在做商品分享/直播分享时,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>

http://chatgpt.dhexx.cn/article/1ATYohny.shtml

相关文章

最新版Google Pay上传App指南

现在2022年&#xff0c;是时候来个最新版的操作指南 创建应用 使用谷歌市场开发者账号登录 开发者平台。成功登录后&#xff0c;单击 创建应用。 填写应用的 应用名称。选择应用的 默认语言。在应用或游戏处&#xff0c;选择 应用。根据个人情况选择免费或付费。 勾选 开发者…

网页下载Google Play 的App

网页下载Google Play 的App 文章目录[点击展开](?)[] 前言 当你想在google play上下载某个应用&#xff0c;而无奈手机的系统并没有安装google servicess&#xff0c;此刻是否有些捉急&#xff1f; 本文分享的是一个网站&#xff0c;它可以无需手机而直接通过网页下载Google P…

【Google Play】App Bundle 使用详解 ( 简介 | 应用内更新 | 即时更新 | 灵活更新 )

Google Play 上架完整流程 系列文章目录 【Google Play】创建 Google 开发者账号 ( 注册邮箱账号 | 创建开发者账号 ) 【Google Play】创建并设置应用 ( 访问权限 | 内容分级 | 受众群体 | 类别及联系方式 | 商品详情 ) 【Google Play】App Bundle 使用详解 ( 简介 | 应用内更…

Google Play上架App设置隐私政策声明问题

APP上架Google Play一定要设置隐私政策声明,否则是不给上架的 隐私政策解决方法,生成隐私内容&#xff1a; 点击网址进入 App Privacy Policy Generator 之后根据app的名称&#xff0c;类型&#xff0c;平台&#xff0c;选择对应的选项&#xff0c; 包含对应的第三方隐私服务…

WhatsApp的下载与更新

这两天登录手机&#xff08;安卓&#xff09;的WhatsApp&#xff0c;一直显示我的WhatsApp即将几天后更新&#xff0c;请及时更新到最新的版本&#xff0c;尝试了网上的多种方法&#xff0c;还是没有成功&#xff0c;当然不排除我笨的因素&#xff0c;后来我的小脑瓜子那么一转…

ubuntu安装google app engine环境

需要goog app engine的运行环境&#xff0c;结果翻找半天找不到怎么安装&#xff0c;做记录&#xff1a; 下载app engine &#xff0c; 地址如下&#xff1a; https://cloud.google.com/appengine/downloads?hlzh-TW 到这个网页&#xff0c;找不到下载地址&#xff0c;但却…

google play app下载方法测试

部分参考&#xff1a;http://www.zhihu.com/question/20232626 因为需求&#xff0c;需要从Google play上下载一个APP&#xff1a;Ticketmaster 寻找了一些方法&#xff1a; 基本要求&#xff1a;需要翻墙。 方法1&#xff1a;http://apk-dl.com/ &#xff08;不用翻墙&…

在电脑端下载google play上的app,将其下载成apk

想要下载googleplay上的app&#xff0c;但是没有直接的下载链接。这里推荐一个chrome浏览器上的插件&#xff1a;APK Downloader。 插件安装完成后&#xff0c;在google play搜索到需要下载的app后&#xff0c;将其网页URL复制到插件上生成下载链接即可。

直接下载Google Play上APP的安装包

1、先在GooglePlay上找到自己需要下载的Package Name或者软件的地址链接. 下图是APP提取网站的示意图&#xff1a; 2、打开Online APK Downloader(点击进入)&#xff0c;在输入框中粘贴刚才复制的Package Name或地址。点击“Generate DownIoad Link”。如果输入地址提示错误&a…

Google市场,APP版本更新实现方式

一、直接跳转google play应用详情 直接跳转到google play应用详情内由用户手动触发版本更新。 实现方式包括两种&#xff1a;跳转到google play app应用详情内和跳转到google play网页版应用详情内。 一般实现原则是用户如果安装了google play app跳转到app&#xff0c;未安…

如何从google play 网页下载app到本地

前提&#xff1a; 浏览器可以翻墙 操作 首先&#xff0c;通过电脑打开google play的官方页面&#xff08;https://play.google.com/store/apps&#xff09;&#xff0c;并找到你希望下载的应用&#xff0c;本文以微信为例子&#xff1b;打开微信的安装页面&#xff0c;找到浏…

APP下载页源码-带后台

简介&#xff1a; 带后台 带下载统计,带数据分析图,可一键编辑APP信息 此为1.0版本,后期会推出更多的新功能,尽请期待 注意:这个不是PHP开发的,用ASP.NET开发的,需要部署到window服务器,部署有点麻烦,选择win2019server版本,先在服务器上手动安装iis,不要用宝塔一键安装,宝塔安…

逻辑回归数学模型

注&#xff0c;本文是在学习吴恩达老师&#xff08;Andrew Ng&#xff09;网易公开课课程的的学习总结和理解&#xff0c;希望与君共勉&#xff01; 1. y帽用来表示输入x是猫的可能性&#xff0c;取值为0到1之间,给定输入特征向量x&#xff0c;如果知道w和b就可以得到y帽&…

逻辑斯蒂回归模型

总第83篇 01|基本概念&#xff1a; 在介绍逻辑回归模型以前&#xff0c;先介绍一下逻辑斯谛分布。 设X是连续型随机变量&#xff0c;X服从逻辑斯蒂分布是指X具有下列分布函数F(x)和密度函数f(x)&#xff1a; 逻辑斯谛分布的分布函数F(x)的曲线如图所示&#xff0c;其图形是一条…

逻辑回归模型及应用-sklearn

逻辑回归模型及应用 本次实验对于使用机器学习完成分类与预测任务的基本流程。 数据集导入->训练集和测试集的划分->数据标准化->模型导入与训练->测试集结果预测->分类情况可视化->混淆矩阵以及多指标精度评价。 以及使用sklearn库中的逻辑模型&#xff0c…

机器学习第四章之逻辑回归模型

逻辑回归模型 4.1 逻辑回归模型算法原理4.1.1 逻辑回归模型的数学原理(了解&#xff09;4.1.2 逻辑回归模型的代码实现&#xff08;重要&#xff09;4.1.3 逻辑回归模型的深入理解 4.2 案例实战 - 股票客户流失预警模型4.2.1 案例背景4.2.2 数据读取与变量划分4.2.3 模型搭建与…

逻辑回归算法模型

目录 前言从对数变换到逻辑回归二项逻辑回归模型逻辑回归模型的应用逻辑回归模型的评价实践案例 前言 从这一期开始&#xff0c;我们准备介绍一系列经典机器学习算法模型&#xff0c;主要包括逻辑回归&#xff0c;支持向量机&#xff0c;决策树&#xff0c;因子分析&#xff0…

入门篇(二)模型:逻辑回归(一步步从原理到实现)

《老饼讲解机器学习》专注于机器学习的学习网站http://ml.bbbdata.com/teach#187 目录 一、问题 二、逻辑回归的思想 三、模型表达式 &#xfeff;四、损失函数 (一) 单个样本评估正确的概率 (二) 所有样本评估正确的概率 (三) 损失函数 (四) 总结 五、模型求解 (一)…