How to Setup Universal Links in Ionic (iOS & Android)

[@japanfigs8063]

Can you create a tutorial about WebRTC + Streaming connexion ?

[@yesidsanchez1010]

Bb no

[@LuckystrikeGFXer]

Was looking for when you come around doing this tutorial! Thank you for doing it so quickly!

[@midilajmuhammed2798]

Hey simon If app is not installed what will happen? and if that case can i route to play or app stores ?

[@SantiagoRamirez-hw9ug]

Great tutorial Simon, i have a problem with a depp link, when internal page app is opened from link, the page loads correctly but the menu that is located at the bottom dissapears

[@faysalahmed2056]

Any plugins are available sip? I had tried but not found any compatible sip plugin for Capacitor. Would you please help me?

[@galaxies_dev]

You don't really need any plugin for this, you can just catch the openUrl with the Capacitor "App" plugin - the rest is configuration of the app and your server!

[@joshglogau]

helped me a ton, thank you!

[@galaxies_dev]

You're welcome!

[@alihdieb8055]

Thanks for the great content i got an iis server how can i config that to pass the serve issue any one can help please ?

[@freddo1kenobi713]

Great content! Could you perhaps provide some timestamps for your future videos when you are talking about android/IOS specific details? In my current project I am for example only interested in IOS and it's a bit of a hassle to try find where you start with that.

[@galaxies_dev]

Thanks for the idea!

[@AyubIdrees]

Thank you for the tutorial, it helps me a lot. I've a question related to deeplink is that when I call router.navigateByUrl() in zone then sometimes page open properly but most of the time page got closed after opening. Can you help ?

[@galaxies_dev]

I'm not 100% sure about this but maybe yo u need to inject NgZone and run the router call in the run() function!

[@AyubIdrees]

@@galaxies_dev Yes i'm doing the same thing as you mentioned in tutorial and also in reply and it's working but most of the time page appear and went away by just showing glimpse.

[@shaneakins515]

Great vid - thanks for sharing. Any chance of doing a variant of this for React?

[@galaxies_dev]

Yeah can do one in the future, but the setup outside will be 100% the same, only Ionic part changes slightly!

[@alimajrashi9441]

Many cordova videos lately 😢 did you abandon capacitor?

[@galaxies_dev]

No I'm more into it than ever :)

[@sworf1sh]

Hey Simon, great Video! Thank's a lot. I wanted to mention that I had to change the internalPath to this to get it work. Maybe I'm doing it completly wrong, but at least it's working. const internalPath = `/${match.$link.path}`; I love your videos! Greetings from Argentina!

[@saq.ib01]

Same tutorial for Capacitor required. i have almost integrated this and it is working fine on Whatsapp, Gmail.. but app not opening from twitter, facebook etc.

[@galaxies_dev]

Yeah that's on my list!

[@xn279]

thank you so much Simon, u help me a lot for my final thesis with your Ionic content! love from Indonesia :D

[@galaxies_dev]

Happy to hear that Jonathan!

[@vhpupuyoh]

How do you configure all variables you used (URL_SCHEME, DEEPLINK_SCHEME, DEEPLINK_HOST) with capacitor?

[@galaxies_dev]

I'm not sure if you actually have to - I'll work on a Capacitor version for the next time!

[@vhpupuyoh]

@@galaxies_dev Thanks Simon. BTW, the formal capacitor site send link to your blog. Respect

[@hannesg.3586]

Thanks. Just what I need right now. 😀

[@tahirzaib5718]

thank you so much really very helpful and worked Superb!

[@amroeloks8745]

Hey Simon , can this be tested from a simulator or do I have to have the build on my device in order to test universal links on iOS?

[@galaxies_dev]

Hmm I think it should actually also work from the simulator!

[@Marshall86MT]

Hey Simon! do you have a good tutorial for firebase dynamic links integration on Ionic? thanks

[@galaxies_dev]

No not yet :/

[@Marshall86MT]

@@galaxies_dev replied on Facebook group 😊

[@terrywindwalker5397]

How does it work when the app is not installed? Would users be sent to the app store page?

[@galaxies_dev]

No, this only works when the app is installed. There are other services that allow you to generate such a custom link that checks if an app is installed I think! Especially Branch comes to mind: help.branch.io/developers-hub/docs/cordova-phonegap-ionic

[@tonyross2947]

Simon, would this methodology be the best way to switch between two apps? So, having one app able to "start" a 2nd app and then the 2nd app able to return control to the first app?

[@galaxies_dev]

Yes it would! In the past you could simply use a URL scheme (or still can I guess) but universal link is safer and yes, that is the way!

[@tonyross2947]

@@galaxies_dev I've emailed you about something Simon; sent it on Monday 18th. Could you reply to me please, even if you cannot help.

[@علياءاسامه-ت4م]

thanks a lot for great tutorial, Could you please tell me is there a backend setup ? you talked about php and ionic protocol

[@galaxies_dev]

To verify your universal link you have to upload a file to your hosting, but you don't need a specific backend setup or anything related to php!

[@علياءاسامه-ت4م]

@@galaxies_dev ok thank you very much

[@endyz4798]

Hey Simon , When I use the command test, the app can be opened, but I click on the url, the app does not respond(ionic3)

[@endyz4798]

.well-known/assetlinks.json is normal

[@sudhakarvenkatraman4432]

Thanks for the excellent tutorial, Simon. Will universal links work even without publishing the app to store(both andorid and ios)?

[@galaxies_dev]

If you app is not on the store, how should a user install it? And no I'm not sure if it would work in such a case!

[@sudhakarvenkatraman4432]

@@galaxies_dev We'll be generating the signed app and update the app catalog in our website so user can download the app from catalog and install it. In your tutorial, you developed and tested the android app locally, right?

[@spacearcade8766]

if the app is not installed will it navigate to play and app store?

[@galaxies_dev]

No, that would be something special you'd have to implement yourself or use a service for!

[@ttbooster]

Cool advanced video. I am specifically looking for a safe way to invite other users to my app. The people invited will have access to add content to the inviters account. Hence, invite links must have a limited duration, limited times of use, dedicated to the person invited and no one else, etc. Or in brief, a sensitive invite link. Is it possible to use this technology for this purpose? I'm fully set up with Firebase for reference.

[@galaxies_dev]

I'm actually not sure how I would handle it, but perhaps you could use callable cloud functions to verify a link that users used to open the app and check for a timestamp (that you added to the URL) to see if it's still valid and only then continue with your action!

[@TheMikesitox]

Hello Simon, i have a question, i'm trying to make my app jump to ios/android app setting, I.E: my app use gps location if detect the app block the access to gps then it shows an alert asking to enable it. Here is when my app need to take my to the app settings directly to allow gps access. I've seen this behavior in other apps but i don't know how to do it in ionic. Can you give me a hint?

[@galaxies_dev]

There is actually a plugin for this: ionicframework.com/docs/native/open-native-settings

[@yulius8568]

Soory for asking i try to use link in browser but the app doesnt want to open..is there any sollution for my case ?

[@galaxies_dev]

Could be a lot of different things :/ Did you add the verification files to your domain, served with HTTPS?

[@Snugglelol]

the command to test works, but when I click on the link through Whatsapp or notes the website opens normally any solution?

[@Lily-pv4iu]

If one app launch another app, do we need to configure the universal links for iOS and app links for android?

[@galaxies_dev]

In that case you would only need deeplinks, which might be a bit easier than universal links since you don't need domain validation in that cas!

[@flonmackenzie2876]

How can we get it to not ask whether to open in the app or browser the first time?

[@galaxies_dev]

I think that's an OS default setting?

[@umashankarsaw2635]

Not working for me always go in nomatch block any hints

[@soulaimanebouderna6926]

i have a problem can you help me SQlite only works on installation, if I close the app stops working in emulator and device

[@galaxies_dev]

Not sure what you mean?

[@lucaspubg2024]

exists how to the get a link with firebase dynamic link?

[@Toucd]

what happens if app is not installed? it will go to the store?

[@kavirajpoojary1854]

Can I use http and put my assetlink in http domain?

[@cyrilvabraham]

Will it work on ionic capacitor ...

[@galaxies_dev]

Yes you can also use deeplinks with Capacitor!

[@sagarchaure2261]

How to navigate to Google Play store or Apple app store if app is not installed on device?

[@galaxies_dev]

Hmm that's actually a bit different then, I'm actually not sure if it's easily possible to check that from the web directly :/

[@victorhugoalvaerezperez1992]

I have done it with branch.io

[@mizanrehman1707]

Thanks for the tutorial. i m stucked on ios app . can you please tell me how to open specific page in my ionic app from another app like whatsapp

[@galaxies_dev]

You can check the route inside the block which catches the link data in the beginning and then perform some manual routing to a page!

[@marcoromero3095]

Hello Mizan, did you find a solution?

[@alirazali4753]

Hey Simon, can you do this tutorial with firebase dynamic links ? thank you

[@galaxies_dev]

Not sure how it works but yeah that topic is on my list as well!

[@abbas_hashmat]

Hello sir, in My domain i didn't find any /etc/appache2/site-available/default-ssl.conf Can you help me with sir. Its around 2 days and i am still stuck there and the rest is all good. Thanks in advance

[@galaxies_dev]

Then you might have a different hosting engine, just look it up and see where you can find the SSL config!

[@mohamedthanveer2576]

Please release tutorial for fire base dynamic links .

[@robcast89]

excellent tutorial, what I was looking for and it worked perfectly 👍

[@tonyross2947]

I love everything that you teach us, Simon. But I find that you go through things at such speed; I find it very hard to follow you when you do that! Must be getting old... LOL!

[@galaxies_dev]

It's a tough challenge - I want to explain everything with enough details, and some people don't want long videos :/ Any ideas how that could be balanced?

[@tonyross2947]

@@galaxies_dev I understand that problem. Maybe split a bigger topic up into smaller videos, so "How to Setup Universal Links in Ionic (iOS & Android) #1" and "How to Setup Universal Links in Ionic (iOS & Android) #2", etc.?

[@phalsopha5239]

i try biuld ionic to APK using cordova never success😌 can u make simple for me ? please

[@ganeshacharya234]

just run "ionic cordova build android" from inside the project, that should create a debug apk which you can then manually move to your android device.

[@sobrius25]

Attention: this tutorial will NOT work on iOs if you are using Capacitor, you need to use Capacitor's implementation!

[@galaxies_dev]

What exactly do you mean? I tested everything with Capacitor and it works fine on both platforms!

[@sobrius25]

@@galaxies_devCapacitor bypasses the Cordova plugin on iOs and does not send the start url to it. Instead, we can use Capacitor's own method getLaunchUrl() to fetch it and apply our business logic in our app.component. This was my experience 2 months ago. Maybe things have changed now

[@ayoubbelouati5941]

First comment 👍

[@КириллАрбитальный]

that lesson not informative