React Native 应用深度链接是如何通过 URL打开到指定页面

2024-05-26 11:24:11

什么是深度链接（Deep Link）

深度链接是一项可以让一个App通过一个URL地址打开，之后导航至特定页面或者资源，或者展示特定UI的技术，Deep 的意思是指被打开的页面或者资源并不是App的首页，最常使用到的地方包括但远远不限于 Push Notification、邮件、网页链接等。

其实这个技术在很久很久以前就已经存在了，鼠标点击一下 mailto:pantao@parcmg.com 这样的链接，系统会打开默认的邮件软件，然后将 pantao@parcmg.com 这个邮箱填写至收件人输入栏里，这就是深度链接。

本文将从零开始创建一个应用，让它支持通过一个如 deep-linking://articles/{ID} 这样的 URL 打开文章详情页面，同时加载 {ID} 指定的文章，比如：deep-linking://articles/4 将打开 ID 为 4 的文章详情页面。

深度链接解决的问题

网页链接是无法打开原生应用的，如果一个用户访问你的网页中的某一个资源，他的手机上面也已经安装了你的应用，那么，我们要如何让系统自动的打开应用，然后在应用中展示用户所访问的那一个页面中的资源？这就是深度链接需要解决的问题。

深度链接的实现方式

有两种方式可以实现深度链接：

URL scheme
Universal links

前端是最常见的方式，后者是 iOS 新提供的方式，可以将一个普通的网页地址链接至App的特定资源。

本文将创建一个名为 DeepLinkingExample 的应用，使得用户

React Native 应用深度链接是如何通过 URL打开到指定页面相关推荐

在 iOS 与 Android 上实现 React Native 应用深度链接，通过 URL 打开到指定页面
在 iOS 与 Android 上实现 React Native 应用深度链接,使得应用可以通过我们生活在一个万物兼可分享的年代,而分享的过程,几乎最终都会分享某一个链接,那么,作为开发者,最常遇到 ...
React Native每日Apple App动画第二部分：打开图像
在这篇文章中,我们将继续从当天React Native苹果应用程序的最后一部分继续. 在本教程的第一部分中,我们成功实现了React Native Shared元素过渡并设置了UI部分. 在这里,我们 ...
React Native－6.React Native Text组件，多组件封装实战之凤凰资讯页面
现来个图:没图说个xx 先来分析怎么做一个导航栏一个列表一个摘要列表大体可以分为上中下三个模块,那么我们从上到下一次封装. 我们来搞出些事情创建.js文件,一个组件一个.js文件我们通过命 ...
react native利用webvView嵌入h5页面以及RN与webView的通信
前言:这边主要是记录下,在react native中如何使用h5页面,以及h5页面发生点击,或者跳转到react native时,如何与react native进行通信. 一.react native ...
Pano React Native SDK 来了！快速实现移动端音视频和白板
前言 React Native 是 Facebook 于2015年4月开源的跨平台移动应用开发框架,支持iOS和安卓两大平台.React Native 着力于提高多平台开发的开发效率 -- Learn ...
解决 React Native 中的常见错误
React Native 是当今最常用的 JavaScript 移动框架之一.React Native 使熟悉 JavaScript 和 React Web 框架的开发人员能够使用类似的方法和原理开发 ...
React Native使用指南-原生模块
有时候App需要访问平台API,但React Native可能还没有相应的模块封装:或者你需要复用Objective-C.Swift或C++代码,而不是用JavaScript重新实现一遍:又或者你需要 ...
深度链接、延迟深度链接、App Links以及关于LinkedME实现深度链接的原理解析
开始之前,我们先介绍两个概念:深度链接(Deep Linking)和延迟深度链接(Deferred Deep Linking). 深度链接我们通过例子来说明这个问题,比如说我们使用淘宝,看到一个宝贝 ...
一文解析App推广神器deeplink(深度链接)
各个App就像大海中的一座座岛屿,虽然都生活在海洋中(Android系统或iOS),但是它们之间原本是老死不相往来.但随着技术的发展,App间可以打破单体的限制互相打开,或者通过社交媒体分享打开App ...

最新文章

热门文章