【uniapp】h5使用scheme协议跳转app

最新推荐文章于 2024-06-12 11:53:58 发布
最新推荐文章于 2024-06-12 11:53:58 发布
阅读量938 收藏 1
点赞数
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56924782/article/details/134244677
版权

test.html

<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
	</head>
	<body>
		<div>
			测试跳转智才
			<a href="mytesttest://">跳转</a>
		</div>
	</body>
</html>

uniapp
打开项目的manifest.json文件，在 “App常用其它设置” -> “Android设置” -> “UrlSchemes” 项中进行设置

  "app-plus": {
    "distribute": {
      "android": {
        "schemes": "mytesttest"
        //...
      },
      //...
    },
    //...
  },
  //...

带参数

test.html

<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
	</head>
	<body>
		<div>
			测试跳转智才
			<a href="mytesttest://hellohello">跳转</a>
		</div>
	</body>
</html>

uniapp中

onShow: function() {
	var args= plus.runtime.arguments;
	if(args){
		// 处理args参数，如直达到某新页面等
		console.log(args) //返回hellohello
	}
}

参考：链接: 跳转app

dlpay
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uni-app项目配置UrlSchemes在外部打开APP
Femi的博客欢迎大家
03-30 1万+
已经安装跳转应用的情况 1.对于IOS配置打包 配置路径manifest->app-plus->distribute->ios 注意不要使用大写及中文以及特殊字符等，示例代码如下 "urltypes" : [ { "urlidentifier" : "com.runtest.test", "urlschemes" : [ "runtest" ]
Scheme跳转协议(android事例demo )
11-27
Android中的Scheme是一种页面内跳转协议，通过自定义Scheme协议，可以跳转到app中的任何页面。 服务器可以定制化跳转app页面 app可以通过Scheme跳转到另一个app页面 可以通过h5页面跳转app原生页面
跨平台应用开发进阶(十六) ：uni-app实现URLScheme方式唤醒APP
IT全栈 华强工作室
05-27 7068
应用uni-app开发APP过程中，需要由后台短信服务器向某个特定用户发送一条带有链接的短信，用户点击该链接可唤醒app或者通过URL下载app。 实现逻辑如下： 当用户点击链接，首先进入H5页面，然后H5页面判断手机有没有安装app，有的话直接唤醒并打开app，没有的话进入应用市场或者通过指定URL下载。 二、实现 注意📢：苹果手机是直接跳转appS
URL_Scheme页面跳转协议使用Demo
01-11
URL_Scheme页面跳转协议使用Demo，基于Kotlin，下载使用问题请留言沟通
UNIAPP写的H5以及APP跳转小程序
最新发布
weixin_53628933的博客
06-12 1045
3.H5页面跳转小程序的时候需要在小程序管理后台进行配置才可以进行跳转。配置的路径必须为线上路径才可以配置成功。4. 采用url scheme传值的时候必须要带上query才可以传过去。2. 注意写对type类型和对应路径。跳转小程序的时候id填写的是。
uni-app打包后使用schemeURL进行唤起其他APP + app开发+ 预览下载pdf文件
Hannah_Hannah_的博客
05-31 2825
如果报错：apktool不是内部命令， 添加apktoll.bat文件，文件内容为。进行检测是安卓还是ios，以及连接跳转。
uniapp-设置UrlSchemes从外部浏览器H5打开app
叶子的博客
04-02 2224
需求：外部浏览器H5页面，跳转到uniapp开发的原生app内部。
解决uniapp跳转原生页面，传递参数和接收参数。百分百可以！！！
weixin_45826772的博客
04-17 478
uniapp跳转原生页面，传递参数和接收参数
短链或H5唤醒(跳转)APP应用
dupha的博客
02-22 4109
5.生成的assetlinks.json文件放到官网域名下/.well-known/assetlinks.json。在android的AndroidManifest.xml文件下相应active下添加下方代码.url scheme链接 teenpattiacepro://richpatti.com。短链跳转到APP，当如果用户手机不存在APP(某个应用)将会进入到官网页面。3.完成第二步后,会自动在选定的activity中生成如下代码。4.配置生成清单文件,操作步骤图。app links实现。
uniapp利用scheme启动App
Mitin_的博客
10-25 3014
需求方说明要在用户点击链接后判断用户是否下载该APP，如果已经安装就打开APP并跳转到某个对应页面，如果没有下载就跳转应用商店下载后打开且跳转到对应页面。使用独立的H5页面进行判断，如果安装了打开此H5链接会出现跳转到对应的APP按钮，如果没有安装，可以点击H5页面中的下载跳转到应用市场。免填写邀请码渠道统计，用户来源追溯，一键拉起/闪装，携带参数安装，增加客户转化，清楚投放效果。注意：安装后打开且跳转到对应页面这异步无法使用此方法实现，目前还在摸索中...1，uniapp安卓设置。
H5页面微信wx-open-launch-app组件跳转APP
qq_43532275的博客
02-26 3228
最近遇到一个跳转手机app的功能，我这边用的是微信H5页面跳转第三方APP，底层逻辑即H5页面引入微信sdk-- 跳转公众号 --微信公众号跳转到app，以下是详细介绍： 微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签，网页开发者可安全便捷地使用微信或系统的能力，为微信用户提供更优质的网页体验。需要注意的是，微信开放标签有最低的微信版本要求、最低的系统版本要求，以及最低的JS接口文件版本要求。微信公众号必须为服务号、并且接入了微信的第三方开发平台、在微信公众号管理平台还有
H5如何实现唤起APP
m0_53912016的博客
03-21 537
h5唤起App
h5页面唤起app如果没安装就跳转下载(iOS和Android)
11-20
h5页面唤起app如果没安装就跳转下载(iOS和Android) 浏览器和app没有通信协议，所以h5不知道用户的手机释放安装了app。因此只能是h5去尝试唤起app，若不能唤起，引导用户去下载我们的app。 微信里屏蔽了 schema 协议,...
H5页面唤醒App(安卓+ios)
12-10
在App唤醒过程中，我们可以自定义一个独特的scheme，使得H5页面点击特定链接时，操作系统能够识别这个scheme并启动相应的App。 在安卓系统上，App可以通过注册BroadcastReceiver来监听自定义scheme的URL。开发者...
网页跳转APP
09-17
网页跳转APP是一种常见的技术手段，它允许用户在浏览网页时无缝地过渡到移动应用程序，提升用户体验并促进APP的推广。这一过程涉及到多种技术，主要包括JavaScript的环境检测、URL schemes和深度链接等。 首先，...
uniapp 微信公众号H5扫码功能
Acitylion的博客
10-09 6391
uniapp 不支持H5扫码功能 所以需要调用微信的SDK https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#2 第一步 先下载sdk文件，然后引入 index.js文件 也可以放在components方法里 npm install jweixin-module --save 第二步 调接口返回config配置信息 //在onload 中调用，找后台要接口！！！ var apiUrl =.
uniapp项目实践总结(二十)URLScheme 协议知识总结
Guan'Blog
09-22 604
URL Scheme是一个可以让 APP 之间互相跳转的协议，每个 APP 都有自己的 URL Scheme，如果存在相同的 URL Scheme，会先跳转先安装的 APP，后面安装的会被覆盖掉。以上就是 URLScheme 协议知识总结的主要内容，有不足之处，请多多指正。
H5唤起 uniapp 版的app 端
艾米的猫儿的博客
08-31 6998
vue H5唤起本地的 app，很好用
h5跳转app打开或者下载解决方案
qq_62787048的博客
11-28 1381
h5跳app或者下载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 }
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值