Implement deep linking in React Native apps using Universal links and URL schema

Подписаться 227

Просмотров 58 тыс.

50% 1

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

Наука

Опубликовано:

23 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 58

@heyt0pe 2 года назад

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

@shaunlewis3222 2 года назад

Great work Saad Ibrahim, this is very helpful and more clear then the official documentation.

@olusolaoyinloye2426 Год назад

I'm halfway into this video, but can't wait to finish before commenting... thanks for been thorough with the video

@vishalchaudhary403 2 года назад

Subscribed just because this video finally solved my issue with android linking

@ayush_katuwal Год назад

Thank you sooo much for this wonderful easy peasy video😅...... Your video literally saved my day😊🙏

@ClearCutCoding 2 года назад

Sir, amazing video which helped a great deal in setting this up. Well done

@vitorrazdorov6017 Год назад

Thanks man! You safe my time!

@techlearners2711 6 месяцев назад

Great job brother. All explained very well in depth. ❤‍🔥🔥Thank you

@focus.motywacja 3 года назад

Thanks for the great guide!

@UsmanAli-ox3mn 3 года назад

Now i have a go to video every time i have to deal with linking... I hate reading. :)

@rz_akbar 2 года назад

thank you so much, you're a lifesaver.

@dileepnagendra8199 3 месяца назад

Awesome video. Really helped a lot. Thanks!

@johngoodman5355 Год назад

Thanks, this was super helpful

@YoungSith Год назад

Best video ever, for real!

@miakacham 3 года назад

Thank you! This helps! :)

@viveksrivastava44 2 года назад

very well explained, thanks

@bontigogoi3560 3 года назад

How to detect the dynamic link when the app is open using class component?

@Phyx1u5 Год назад

Excellent tutorial thank you

@felipecarocaosorio9524 3 месяца назад

gracias, me fue muy útil tu video :)

@r13aero 2 года назад

very helpful, thank you sir

@hadimasoomi7398 3 года назад

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?

@awakeupcall5336 Год назад

Good explanation, thank you for work

@okechukwu01277 2 года назад

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

@NicolasSilvaVasault 3 года назад

two issues, background to foreground state doesn't work, and redirection to play store/ app store is not possible

@pradeeptomer1421 2 года назад

Sir what are the code you have wite inside Root navigation fie which you have to import

@umernasar Год назад

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/

@awakeupcall5336 Год назад

14:14 How on android make dynamic hosts for different flavuors?

@hoangphamhuy9096 6 месяцев назад

if app not installed, link open web url but not redirect to app store/ apple store. What should i do?

@phuocantd 7 месяцев назад

chrome not working for android and iOS :(((

@user-fm7ks2kl1x 10 месяцев назад

how to create link which opens app if app is there else open link in browser if app not available?

@frankRSC Год назад

can i test this in localhost if i dont have a domain?

@MeetPatel-op8me Год назад

Can't we do like open link in chrome browser and open android app just same as iOS?

@mugheesbutt230 Год назад

What if we don't have website? Like you have opened in iOS, How can we do like in android?

@ScoreMatch_099 2 года назад

Thanks Bro

@rubelahmmed8408 2 года назад

Did you check it on google chrome?

@ozzy5655 2 года назад

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 ?

@msaadibrahim 7 месяцев назад

No, that step is the same for both. The extra step is to upload the json domain verification file to your server.

@srahul4178 7 месяцев назад

@@msaadibrahimmake that video sir it will useful for us

@wisdomelue 8 месяцев назад

can you do for Expo?

@bansiparmar3879 10 месяцев назад

hello can you guide me in android universal link implementation..??

@sunilmlohar 3 года назад

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.

@fason7376 3 года назад

And do you know how to handle that ?

@user-kb8pk8zu4f 15 дней назад

deep linking is working fine in android but not working in ios showing no routes like that

@dadomarr 2 года назад

i don't understand where i need to put both of JSON files, could some one help me?

@Samkiitt 2 года назад

Hey bro, did you find out how ?

@sehrishmunir3379 2 года назад

@@Samkiitt no, kindly share us the solution

@Samkiitt 2 года назад

@@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

@sehrishmunir3379 2 года назад

@@Samkiitt you have created the ."well-known" folder inside your app or in the server?

@Samkiitt 2 года назад

@@sehrishmunir3379 I did it app-side. in the build/public folder

@snehalmundada9081 3 года назад

How to redirect link to app store Or play store if app is not installed?

@pontusdevelopment9284 3 года назад

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 :)

@youssefmuhamad3213 3 года назад

Firebase Dynamic Link

@TeyimPila 2 года назад

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?