uniapp h5在浏览器唤起app

最新推荐文章于 2026-03-25 02:14:11 发布

原创

最新推荐文章于 2026-03-25 02:14:11 发布 · 2.3k 阅读

标签

#微信 #ios #android

收录于

本文详细介绍了如何实现在H5页面中点击打开APP的功能，针对已安装和未安装APP的用户进行不同处理。在Android和iOS平台上，通过配置manifest.json文件来设置scheme。对于微信环境，由于特殊性，需要额外处理并跳转到应用市场。此外，还提供了一段JavaScript代码示例，用于监听页面可见性变化，以判断和执行相应的唤醒或跳转操作。

需求

当用户打开h5 链接时候，点击打开app, 若用户在已经安装过app的情况下直接打开app，若未安装过跳到应用市场下载安装

这个功能在实现上主要分为两种场景，从普通浏览器唤醒以及从微信唤醒。这两个场景又分为了IOS端和安卓端

配置

安卓
在manifest.json的"app-plus"->“distribute”->"android"节点下添加schemes数据:“schemes” : “nameAPP”

"schemes" :  ["nameAPP"]

在这里插入图片描述

IOS
在manifest.json的"app-plus"->“distribute”->"ios"节点下添加urltypes数据:

"urltypes": [{
                "urlidentifier": "xxx.xxx", //  一般为域名倒写，例如 taobao.com
                "urlschemes": ["nameAPP"]
   }]，
   "urlschemewhitelist":["nameAPP"]	 //白名单

在这里插入图片描述