IOS - 使用Linking处理APP被外部URL调起的事件和解析URL参数

最新推荐文章于 2025-02-24 18:29:49 发布
最新推荐文章于 2025-02-24 18:29:49 发布
阅读量2.1k 收藏
点赞数
分类专栏： React-Native 文章标签： URL Scheme Linking 跨APP通信 IOS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_33721382/article/details/90711079
版权
本文介绍了React Native应用如何处理被外部URL调起的事件并解析URL参数。通过设置URL Schemes，实现iOS应用间的相互跳转。在RN中，Linking.getInitialURL()用于处理APP启动时的URL，而在运行中则需要监听Linking的事件。通过自定义URL如myrnlindemo://index?page=index，可以从Safari调用RN应用，并根据传递的参数执行相应业务逻辑。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

参考资料：

https://blog.youkuaiyun.com/sinat_17775997/article/details/70473988

https://www.jianshu.com/p/8f2232da0956

http://www.cocoachina.com/ios/20161026/17855.html

 

本文主要介绍react-native应用如何处理APP被外部URL调起的事件，并解析URL携带的参数。

 

1、应用间相互跳转简介

在iOS开发的过程中，我们经常会遇到需要从一个应用程序A跳转到另一个应用程序B的场景。这就需要我们掌握iOS应用程序之间的相互跳转知识。

 

2、应用间相互跳转实现原理

在iOS中打开一个应用程序只需要拿到这个应用程序的协议头即可，所以我们只需配置应用程序的协议头即可。

假设有应用A和应用B两个应用，现在需要从应用A跳转到应用B中。

原理：通过设置跳转到应用B的URL Schemes（自定义的协议头），应用B将其自身“绑定”到一个自定义URL Schemes上，就可以从应用A中利用应用B的URL Schemes启动应用B了。

IOS应用在info.plist文件中可以设置URL Schemes（URL types -> URL Schemes）。

（APP可以向手机操作系统注册一个 URL scheme，该 scheme 用于从浏览器或其他应用中启动本应用。）

 

3、RN端使用Linking处理APP被其注册过的外部 url 调起的情况

这一步，需要考虑两种情况，即

（1）APP未在运行

当APP未在运行状态时，可以使用Linking.getInitialURL()方法来处理外部URL调起的事件。

（2）APP在运行当中

当APP处在运行状态时，Linking.getInitialURL()方法是不会响应外部URL调起事件的。需要执行以下操作：

 

最低0.47元/天 解锁文章
WHAT - Hybrid App 详解系列（一）
weixin_58540586的博客
03-24 1783
Hybrid App 是一种移动应用程序类型，它结合了原生应用和Web应用的元素。这些应用是使用HTML、CSS和JavaScript等Web技术构建的，但它们被包装在一个原生容器中，允许它们像原生应用一样被安装和在移动设备上运行。开发 Hybrid app 有如下优势：跨平台兼容、访问设别功能、开发速度快、易于更新。
ios中Deep Linking实例分析用法
01-04
在 iOS 中，deep linking 实际上包括 URL Scheme、Universal Link、notification 或者 3D Touch 等 URL 跳转方式。应用场景比如常见的通知，社交分享，支付，或者在 webView 中点击特定链接在 app 中打开并跳转到对应的原生页面。 用的最多也是最常用的是通过 Custom URL Scheme 来实现 deep linking。在 application:openURL:sourceApplication:annotation 或者 iOS9 之后引入的 application:openURL:options 中，通过对 UR
IOSLinkedInAPI 使用教程
gitblog_00035的博客
08-26 711
IOSLinkedInAPI 使用教程 IOSLinkedInAPISimple and non intrusive library to get access tokens for LinkedIn using Oauth2.项目地址:https://gitcode.com/gh_mirrors/io/IOSLinkedInAPI 项目介绍 IOSLinkedInAPI 是一个开源项目，旨在帮...
HarmonyOS App Linking：系统级深度链接能力，直达指定页面
最新发布
csdndevpress0045的博客
02-24 1263
总的而言，HarmonyOS App Linking功能基于跨平台支持的直达深度链接、智能路由及延迟链接能力和安全性等诸多优势，可在多场景发挥价值，相信在社交、电商、新闻和诸多行业，App Linking均能有效提升用户转化率和粘性，成为开发者不可或缺的重要工具，也为用户提供更加智能、便捷的应用间跳转体验。②用户点击链接跳转时无额外弹框；③跳转链接安全有鉴权。制定相应的激励政策，鼓励用户分享App Linking链接，邀请自己的朋友下载应用，给予分享者一定的激励，从而促进用户快速增长。
iOS 开发学习笔记 （1）如何解析url中的参数数据
kingpeter__的博客
06-23 1560
iOS 开发学习笔记 （1）中如何解析url中的数据url是统一的资源定位符，是资源的地址，可以通过url获得相应的资源。同样在url字符串中也包含了很多数据，在iOS开发中苹果也提供了一些接口对如url的这些数据进行解析。一、获得url中的域名和服务器名NSString *host＝ [url host]; NSLog(@"%@",host);二、获得url中的参数NSString *query
手机开发----监听定制协议的url链接
weixin_30408675的博客
12-11 105
在网页中，通常链接的形式如下： <a href="http://www.baidu.com/">Baidu</a> 这是基于http协议的，由浏览器来根据http协议来具体实现请求和展现。 在手机开发中，有时候会遇到这种情况：某个页面由WebView加载，当点击网页中的某个链接时，希望跳转到用nativesdk开发的某个页面去。（比如说手机上第三方...
openURL调用拨打电话/发邮件/跳转链接等
IOS -Step by step
02-25 2972
正好用到，就在网上搜了一下。还算齐全。 1、调用 自带mail 02 [[UIApplication sharedApplication] openURL:[NSURL URLWithString:@"mailto://admin@hzlzh.com"]]; 03
ios-app相互跳转并传参.zip
07-11
例如，当你在另一个应用中点击一个链接，它可能会使用如`yourapp://yourdata`这样的格式，你的应用可以捕获这个URL并解析其中的参数。 2. **Storyboard和Navigation Controller**: 如果你想在同一个项目内部的两个...
swift-网页打开或者推送根据url地址跳转到相应界面
08-14
在Swift中，通常通过导航控制器或模态视图控制器来实现这一点，将URL解析并传递给相应的视图控制器进行处理。 接下来，我们来看Universal Links。Universal Links是Apple推出的一种更先进的链接机制，它可以避免URL...
android跳转到rn界面,React Native Linking与 Android原生页面路由跳转问题
weixin_36039533的博客
05-31 418
唤起并传递参数。使用Linking打开app调用openURL方法即可：Linking.openURL('appscheme://apphost/path?params=xxx')完整调用方法如下：Linking.canOpenURL('appscheme://').then(canopen=>{if(canopen){console.warn('可以打开:appsc...
react native Linking 调用电话、短信、邮箱功能
halo1416的博客
09-12 4079
使用方式为: Linking.openURL(string) 1. 打开浏览器：Linking.openURL(url);         eg： Linking.openURL('https://itunes.apple.com/cn/app/%E4%B8%AD%E7%9F%B3%E5%8C%96%E8%B4%B5%E5%B7%9E%E5%A4%A7%E5%AE%A2%E6%88%B7/i...
React-Native在APP调用浏览器或其他系统应用（Linking的使用）
热门推荐
苏小败在路上
11-03 1万+
这个其实在RN的文档中已经写好了，不过最新的依然不需要做文档中的额外步骤。 直接在自定义的组件里面引用Linking，然后使用Linking的openURL函数即可，这个会自动选择系统的浏览器打开链接。 var url = 'http://www.baidu.com'; Linking.openURL(url) .catch((err)=>{ console.
React Rative中处理应用内的导航或处理从其他应用或链接打开你的应用时的行为
m0_61343119的博客
12-28 624
其中，`Linking.addEventListener('url', ...)` 用于添加一个事件监听器，监听来自外部链接的请求。`Linking.getInitialURL()` 用于获取应用启动时的初始链接。使用 `Linking.openURL()` 可以打开其他应用或链接，包括你自己应用内的 Scheme URL 或外部链接。`Linking.canOpenURL()` 可以检查设备是否安装了特定应用，并在支持的情况下打开该应用，否则可以打开其他链接。
react native Linking 打电话 发短信 打开其他App等
卓原的进化之旅
07-06 5972
使用Linking打开webURL 邮箱 联系人等,其实Linking相当于android的Intent： 使用方式为: Linking.openURL(string) &amp;amp;amp;lt;TouchableOpacity onPress={() =&amp;amp;amp;gt; { ...
android、ios配置scheme之后，react-native如何获取url，并且自动跳转到首页
wxl1390的博客
02-02 677
android、ios配置scheme之后，react-native如何获取url，并且自动跳转到首页
React-native 中Linking组件的实例
Yang'blog
11-07 4023
import React from 'react'; import ReactNative, { AppRegistry, Component, StyleSheet, Text, View, Linking, TouchableHighlight, } from 'react-native'; const CustomButton =React.createClass
RN 与android原生界面互调
jianpan_zouni的博客
10-13 567
1. Linking 唤起APP. 检查该app能否被唤起，也就是检查该app是否已安装成功； Linking提供了canOpenURL(url: string): Promise<boolean>;这个方法，用来检测某个url是否可以打开; Linking.canOpenURL('appscheme://').then(canopen => { ... }) 唤起并传递参数。 使用Linking打开app调用openURL方法即可：Linking.
reactnative Linking实用
meng1128的博客
04-30 699
一 Lingling 用来打开 系统应用 onPress={()=>Linking.canOpenURL(this.props.url).then(supported=>{ //canOpenUrl 判断能不能打开 url if(supported){ Linking.openURL(this.props.url); //openUrl 打开 ur
iOS APP常用URL Schemes整理汇总
开发者可以通过实现URL Schemes来增强应用之间的交互性，比如实现深度链接（Deep Linking）或者自定义URL Scheme。用户点击特定的链接时，iOS系统会根据链接中的Scheme识别出可以打开该链接的应用，并执行相应的操作...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值