Android 通过H5跳转到App指定页面

已于 2022-10-21 16:16:55 修改
阅读量4.2k 收藏 7
点赞数 2
分类专栏： 分享代码区 文章标签： android
于 2022-10-21 16:16:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gy1115/article/details/127448192
版权
本文介绍了如何通过H5链接实现从浏览器直接跳转到Android App的指定页面，详细讲解了URL Schema的属性，包括Scheme、Host、port、path、query，并提供了H5前端和Android端的实现代码示例。
摘要由CSDN通过智能技术生成

短信链接跳转APP

平时我们会收到广告短信，比如某东，某宝，里面附加着链接，当你点开链接（手机自带的浏览器）,发现浏览器打开后，等一下下，就会打开对应的APP，直接到广告相应的页面。

URL Schema属性：

URL Schema 的属性有 Scheme、Host、port、path、query。
scheme：启动的App的标识，相当于协议吧。
host：域名，不重要。
query：传给app参数的Key和Value 。

比如：

liubike://mine/settings?type=1&&id=7&&name=测试跳转

这里我们可以得知：

scheme: liubike  
host:mine  
path:settings
query:type=1&&id=7&&name=测试跳转

这样，我们根据liiubike协议，就拥有了跳转到App任意页面的能力。

H5前端代码如下：

<!DOCTYPE html>
<html>
<head>
最低0.47元/天 解锁文章
LuckFour
关注
专栏目录
android H5页面跳转APP,H5唤醒app并跳转到指定页面
weixin_33098963的博客
05-28 1902
原创在https://blog.csdn.net/m0_37678565/article/details/68491444在manifest文件中最开始启动的activity中添加：android:host="host"android:pathPrefix="/pathPrefix"android:scheme="scheme" />//注意host,pathPrefix,scheme都是自...
Android实现H5点击打开app或跳转指定界面
54hk的博客
04-19 4007
有时候为了方便用户在H5界面上直接下载app或者打开手机app，我们会在H5界面上添加一个按钮,点击按钮可以实现下载或者打开app的功能。关于下载功能这里不做叙述,这里主要讲述打开app并跳转到指定界面的业务如何实现。 规则 <scheme>://<host><pathPrefix>?<自定义参数> 这样写可能大家看不大懂，没事，我们...
h5跳转app
喆๑
06-19 419
需求：H5网页跳转app，有app就打开，没有app就跳转到下载页面下载 <script> // 判断设备 function detectVersion() { let isAndroid,isIOS,isIOS9,version, u = navigator.userAgent, ua = u.toLowerCase(); if (u.indexOf('And
H5跳转App的某个指定页面
热门推荐
倒骑驴走着瞧的博客
08-07 2万+
H5链接打开原生App并跳转到指定界面 因为目前项目需要先登录才能够使用，所以跳转时候需要判断是否登录，先上图，有图有真相 具体步骤如下： - 将清单文件中首页的exported属性改为true - 对首页添加intent filter，设置scheme和host等属性 - h5 window.location.href = scheme://host/da - 判断登录逻辑 ...
Html5跳转到APP指定页面的实现
11-21
1.设置urlschemes urlschemes尽量设一个唯一的字符串，例如可以设为：iOS+公司英文名+ 项目工程名 比如我的设为iOSTencentTest，在浏览器中输入地址iOSTencentTest://即可跳转到我的app 2.跳转到指定页面 在使用iOSTencentTest://打开app会调用AppDelegate的代理方法 -(BOOL)application:(UIApplication *)app openURL:(NSURL *)url options:(NSDictionary *)opt
Android 从网页中跳转到APP
dawuafang
08-22 491
最近，在使用QQ和微信等SDK来实现分享网页的时候，发现，SDK已经为页面跳转回应用提供了基本的数据支持。我们只需在应用里和被分享的网页进行简单的设置，即可实现此功能。 那么我们先来看下网页跳转回应用的实现原理。 就Android平台而言，URI主要分三个部分：scheme, authority and path。其中authority又分为host和port。格式如下： scheme://...
Android-换个思路实现H5唤醒App并跳转到指定页面
大模型训练
07-14 4615
H5唤醒App有多种方式，但一般前端为了同时兼容Android和iOS会采用URL Scheme的形式，下面就重点介绍这种方式。 一个URL Scheme是由以下部分组成的:
H5跳转至APP指定页面
柏灿的博客
11-13 9474
1.设置urlschemes urlschemes尽量设一个唯一的字符串，例如可以设为：iOS+公司英文名+ 项目工程名  比如我的设为iOSTencentTest，在浏览器中输入地址iOSTencentTest://即可跳转到我的app 2.跳转到指定页面 在使用iOSTencentTest://打开app会调用AppDelegate的代理方法 -(BOOL)application...
H5跳转app
最新发布
m0_71371266的博客
08-22 317
接到一个需求，是通过小程序跳转jd app，我这里做的是通过h5作为中转跳转app，我感觉是更方便的，以下是简易的跳转。
android Web跳转到app指定页面并传递参数实例
01-03
下面将实现 Web跳转到app指定页面并传递参数 总结 先看效果图： h5页面代码： <!doctype html> <html> <head> <meta charset=utf-8> <meta name=viewport content=initial-scale=1.0, ...
Android 实现浏览器跳转APP应用，网页也可以跳转APP
01-20
一、Android端如何操作 1、给Application中Activity添加跳转链接路径和相关权限 scheme：判别启动的App host： 类似于端口，可用于分流，区分调取的功能 path：同上   ※没有也可以唤起 注意： Activity配置中android:exported=true这个外部是否可以调用一定要写true,要不然会调用不成功，对于应用安全要求较高的一定要注意。 2、浏览器如何调起 <!--打开APP--> 打开APP 打开APP 3、APP内部也可以调用起来 Intent intent = new
h5页面唤起app如果没安装就跳转下载(iOS和Android)
11-20
h5页面唤起app如果没安装就跳转下载(iOS和Android) 浏览器和app没有通信协议，所以h5不知道用户的手机释放安装了app。因此只能是h5去尝试唤起app，若不能唤起，引导用户去下载我们的app。 微信里屏蔽了 schema 协议,...
Android H5跳转App指定页面Scheme经验分享（类似淘宝）
一心丹道的博客
07-16 2749
前言：网上关于这块可参考的资料不多，由于自己项目有这方面的需求，走了弯路，踩了坑，最后实现了功能，也有需要改进的地方，后面我会说明，希望大家指正。 1.我就不罗嗦了，直接上代码 <activity android:resizeableActivity="true" android:name=".SplashActivity" ...
h5跳转app指定页
qq_41884027的博客
02-08 4798
uniapp编译的h5页面跳转uniapp编译的app制定页 例如域名为 nvnliing,需要跳转的页面为pages/Collage/groupdetail，传参为id 1.h5页面代码，既可以写到onShow里，可以写在点击事件里。 varscheme='nvnliing://pages/Collage/groupdetail?id='+this.id //需要打开的appscheme 地址（域名：//路径和传参） window.location.href=scheme 2.在App.vue中 onL
h5唤醒app，安卓和ios
trigger的博客
12-28 1937
Android使用iframe唤起，ios采用window.location.href唤起更合适一点。   1.ios系统：  在wap中唤起app其实应用最最广泛的并不是Universal Link，而是直接Schema跳转  window.location.href = "taobao://fulushuka.tmall.com/shop/view_shop.htm?spm=a230r...
H5跳转APP
weixin_49261425的博客
01-18 459
// 微信内 if(isWeixin) { alert('请在浏览器上打开') } else { //android端 if (isAndroid) { //安卓app的scheme协议 window.l...
h5打开App并跳转到相应页面
weixin_46355018的博客
12-14 864
使用urlSchemes进行跳转。但是微信的浏览器不行，只能跳到手机浏览器再打开app。
uniapp h5唤醒app跳转页面
03-30
1. 首先需要在App中注册scheme协议，例如：myapp:// 2. 在H5页面中，通过a标签或JavaScript代码触发唤醒App的操作，例如： a标签： <a href="myapp://page?param1=value1&param2=value2">打开App并跳转到指定页面</a> JavaScript代码： window.location.href = 'myapp://page?param1=value1&param2=value2'; 3. 在App中，监听并处理唤醒请求，解析参数并跳转到指定页面。例如： // Android <intent-filter> <action android:name="android.intent.action.VIEW" /> <category android:name="android.intent.category.DEFAULT" /> <category android:name="android.intent.category.BROWSABLE" /> <data android:scheme="myapp" /> </intent-filter> // iOS <key>CFBundleURLTypes</key> <array> <dict> <key>CFBundleURLSchemes</key> <array> <string>myapp</string> </array> </dict> </array> // 处理唤醒请求 func application(_ application: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey : Any] = [:]) -> Bool { if url.scheme == "myapp" { let path = url.host ?? "" let query = url.query ?? "" // 解析参数并跳转到指定页面 // ... return true } return false }
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值