Implement deep linking in React Native apps using Universal links and URL schema
HTML-код
- Опубликовано: 12 июл 2024
- Implementing deep linking is an important part of building an app with a good user experience, it can allow you to launch your app from other apps, open links in the app instead of browser for a better experience, etc.
There are two ways to implement deep linking, one is called "Universal links" in iOS or "App links" in Android, and the other type is called URL schema. Based on your use case you can choose to implement both or one of them.
In this video tutorial, I will show you how to implement deep linking in both iOS and Android using both methods.
Code: github.com/saadibrahim/react-...
You can find all relevant links in the readme file of the above Github repo.
My blog: saadibrah.im/
Linkedin: / saad-ibrahim-749a4330 
Наука
Great work Saad Ibrahim, this is very helpful and more clear then the official documentation.
I love this video so much. I come back to it whenever I have issues and it always helps, both for react native and flutter. Great job
I'm halfway into this video, but can't wait to finish before commenting... thanks for been thorough with the video
Subscribed just because this video finally solved my issue with android linking
Thank you sooo much for this wonderful easy peasy video😅...... Your video literally saved my day😊🙏
Sir, amazing video which helped a great deal in setting this up. Well done
Thanks for the great guide!
Thanks man! You safe my time!
thank you so much, you're a lifesaver.
Great job brother. All explained very well in depth. ❤🔥🔥Thank you
Now i have a go to video every time i have to deal with linking... I hate reading. :)
Awesome video. Really helped a lot. Thanks!
Thanks, this was super helpful
Thank you! This helps! :)
gracias, me fue muy útil tu video :)
very well explained, thanks
Best video ever, for real!
Excellent tutorial thank you
very helpful, thank you sir
Good explanation, thank you for work
How to detect the dynamic link when the app is open using class component?
Thanks Bro
Thanks for tutorial.
I am having issue with adding the linking prefixes on a react Nativation v4. rather than on react Navigation v5
Question can be found on 9:00 of the video timeline.
I await your response
Hi. thanks fot this video. how can I make my app being listed as a candidate when a user wants to open a http link. I mean any link in http or https format?
chrome not working for android and iOS :(((
Great Tutorial , Saad bhai.
I've question.
I've different Stack pages for different tab. Whenever I implement Linking, it's mess up with other routing and also it's won't go deeper. It's only open the APP and not go deeper.
can you please help me you out?
Thanks/
Sir what are the code you have wite inside Root navigation fie which you have to import
two issues, background to foreground state doesn't work, and redirection to play store/ app store is not possible
When you say 'one more step' to set up Universal Links vs. URL scheme, does it mean setting URL types in XCode is also required for Universal Links ?
No, that step is the same for both. The extra step is to upload the json domain verification file to your server.
@@msaadibrahimmake that video sir it will useful for us
Can't we do like open link in chrome browser and open android app just same as iOS?
14:14 How on android make dynamic hosts for different flavuors?
how to create link which opens app if app is there else open link in browser if app not available?
if app not installed, link open web url but not redirect to app store/ apple store. What should i do?
can i test this in localhost if i dont have a domain?
Did you check it on google chrome?
What if we don't have website? Like you have opened in iOS, How can we do like in android?
If the app is in background with Screen A, and if i try to hit the url which should navigate to Screen B, when the app comes foreground with this Deep/Universal Linking, it still on Screen A.
And do you know how to handle that ?
can you do for Expo?
hello
can you guide me in android universal link implementation..??
i don't understand where i need to put both of JSON files, could some one help me?
Hey bro, did you find out how ?
@@Samkiitt no, kindly share us the solution
@@sehrishmunir3379 I have a react app on firebase, So I created the ".well-known" folder(with the json file in it) in the public folder of the project. after deploying and opening the address, it worked
@@Samkiitt you have created the ."well-known" folder inside your app or in the server?
@@sehrishmunir3379 I did it app-side. in the build/public folder
deep linking is working fine in android but not working in ios showing no routes like that
How to redirect link to app store Or play store if app is not installed?
Posted this reply in another comment as well so I'll just copy paste one solution.
One way would be to set up the route you're using on your web-server to display a page that has a link to your app in both app stores.
So if you're using example.com/route-to-open-app as the link the user has to click to open the app, you could just make example.com/route-to-open-app a landing page that has the links to the app stores. That way if the user has the app, it will never show when they click the link, because the app will open right away, and if they don't have it installed, it will act like a regular link that just directs them to that landing page :)
Firebase Dynamic Link
Not working in android 12 or higher
deep links on android dnt work from the browser :(
hey, have you fix this ? I'm also try but it didn't work on android browser. If you fix this, can you please tell me.
I followed this but in Android, it opens the link in the Gmail in-app browser and sends the request to my backend instead before opening the app. When I long-press and click "Open in browser" then it works. Is there something I can do to force the link to open the app instead of the Gmail in-app browser?
Did you find any solution?