How to Setup Deep Links With Capacitor (iOS & Android)

[@MaximaToluene]

Just want to put it out here, this tutorial works and is very helpful. Managed to get our android and ios apps working with deeplink! Thanks!

[@galaxies_dev]

Awesome, happy to hear!

[@MaximaToluene]

@@galaxies_dev run into a bit of a pickle, this guide doesnt work with custom urls right (myapp://)? thanks!

[@saq.ib01]

How can we add Deferred Deeplink? if user clicks and don't have app installed redirect them to appstore / playstore them after installation take them to clicked link content in app?

[@pipejust]

Hello, did you find a solution to this?

[@behicsakar]

Thank you for this tutorial ! You are the best ionic tutor ever

[@tanmayapatra6078]

Hello Simon! Can you make a video on the "Ionic-React" Push notification? I feel a bit weird following the Ionic-Angular video while working with Ionic-React.

[@galaxies_dev]

Good idea, don't have anything about React push yet!

[@CarlosSanchez-dp9wv]

Thank you for the quick win as always.

[@galaxies_dev]

Any time!

[@minenhledlamini2575]

Hi Simon, I have one page or link that I would always like to open on the browser how do I exclude it from deep linking so that it doesn't take users to the app. I've tried to figure and think about this but no solutions. Tried to even listen on this link events and open it using an in app browser but the app crashes.

[@harishsankar8534]

"Hello, it's working fine on Android versions up to 12, but on Android 13, I'm encountering an issue. When I navigate to Settings > Default Apps > Opening Links > My App, my domain isn't listed under verified links. However, when I attempt to manually add a link, it suggests my domain name. I'm looking to have my domain automatically added to the verified links list."

[@quickmaths4762]

Hi Simon, crucial question: does this work consistenly on iOS today? I wasted a bunch of time for iOS a year ago and the blue OPEN button only showed up very incosistently... why?

[@HitNataf]

Hello Simon! I'm facing issue in android like everything I've setup according to your video but still if I write URL in my mobile browser then app run in browser but not open already installed app , Can you help me on this how i can open my app?

[@HitNataf]

Also my apk is signed apk

[@fabiandelarosa6941]

Excellent information Simon, Thanks

[@galaxies_dev]

Glad you enjoyed it Fabian!

[@cornelcristianfilip5048]

Hey Simon! Thank you for the amazing content! 🙏🏼 This will also work with push notifications as well right for Ionic-Angular? I guess I need to send the URL in the notification for the specific Route I want to open? So when a user receives a notification from my app in his system tray on his phone, upon tapping on that notification, the app should open for example on the notifications page of my app.

[@alfisyahri2546]

Hello Simon. where can we setup the custom url scheme for the app?

[@PplusV]

Hi Simon, is there a way to open the App directly upon opening the URL in the browser - without having to click the small button at the top?

[@avisiboni2011]

Hi, does it work for you in Android?

[@noone98783]

One quick question, if I just attach .well-known code to my app without all these capacitor code, the website will still show the deep-linking popup, right ? Or How to add multiple domains for deeplinking ?

[@DevarshiDavessj4]

What to do if i want to enter a custom url in the browser and it should open the respective mobile app? is that possible?

[@flonmackenzie2876]

Firebase dynamic links next? Struggling to get dynamic short links working in iOS.

[@miltonkienigiel8364]

Hi, could you finally do it?

[@dksanket]

Great work Simon!! Could you please do a video on live reloading of Angular ionic/capacitor application on external android device connected through USB? Struggling with it . 'ionic capacitor run android -l --external' command isn't working for me, it's very irritating to build the whole app and install on device for every small change, hope you do a tutorial on it soon 🤞

[@andrasalpar7339]

It's important to open Android Studio from project 'ionic cap open android' , than connect your device via USB - if it's all right, your device name will appear on the top bar. After this, you run the command 'ionic cap run android -l --external' (very important also, to be on the same wifi network), it will ask which IP to use. Than you should see this message, after the build was successful '[INFO] Ready for use in your Native IDE!'. Than you switch to Android Studio and press the Play button. After all this stuff, you change something in your code, and your device will refresh the content. I hope I could help! 😁

[@dksanket]

@@andrasalpar7339 Hi, Thank you so much for your time and reply. I had tried the exact same steps before, tried it today again, but unfortunately it's not working. After running 'ionic cap run android -l --external', I get the message as you said '[INFO] Ready for use in your Native IDE!', after that I switch to Android studio and pressed play button and it installs the app on my phone, now if I make any changes to my angular code and save the file, I get the 'compiled successfully' message in terminal where 'ionic cap run android -l --external' command is running but the app is not getting refreshed. Should I change any of the default values in capacitor.config.ts? Currently webDir path is 'www',

[@andrasalpar7339]

@@dksanket Hey there, sorry for the late answer. What you wrote, it's right, I guess. Because that's what I am doing and it's running on both platforms. I tried this on Mac and on Windows as well and it's working just as expected. It's important to be on the same Wifi with the device and the steps for me are the following: 1. ionic build --prod 2. ionic cap sync 3. ionic cap open android (than connect the device, and see your device in the top bar, next to Run button) 4. ionic cap run android -l --external (here the terminal will ask on which IP to use) 5. than just Run the app from Android Studio and change something in code. That's all what I can say. It should work. I really hope you can resolve it, because it's simplifies the whole dev process.

[@thiagoprudencio5235]

Hi, I have a question: What if I have multiple apps, from the same team ID, that need to have deeplinks? Should I add them somewhere in this apple association file or should I create a new file for each one of them? Thanks and congratulations for the video...

[@galaxies_dev]

You can have multiple appIDs in that file, see here: developer.apple.com/forums/thread/649423

[@VijayKumar-eo7zg]

Hi, this video is helpful Trying to add deep link for android. when i click on domain URL(form text file or WhatsApp) its opening the App with selected route. but not working when visiting the web. When i visit the web it not opening installed app or not giving any option to open app like in IOS. expected result: When i visit the web in android will open the app if install or any option to open page in android app as option coming in IOS safari

[@aleksandr95]

I have the same problem. Did you manage to solve it somehow?

[@brandon400]

@@aleksandr95 could you both solve it?

[@XUnitedGamesX]

Congrats broo

[@DavidFrassi]

Hi, i follow your good tutorial. Unfortunately i found problems with certain smartphone models. Xiaomi Android 12 for example, doesn't shows intent icon of my app. Do you know why? Thanks.

[@DavidFrassi]

These problems are still present. The deep link strategy it appears not runs on different platform api and device.... Do you have never known it?

[@galaxies_dev]

No apparently I haven't heard of that before :/

[@abhim7497]

Hi Simon, do you have tutorials on azure ad authentication in capacitor?

[@galaxies_dev]

No sorry, never used that :/

Danke. Das ist eine Erleichterung. Ich brauch das nämlich für ein Projekt von mir 😀

[@deanvangreunen6457]

Hi, I have a question, which was sent via instagram, its about this topic of app links for android, (pictures included)

[@EvgenyKlainer]

Thank you so much for the brilliant tutorial. I have an app already in use and I need to add some capabilities for it. After I save the edit of the capabilities list, a popup appears: Modify App Capabilities Adding or removing any capabilities will invalidate any provisioning profiles that include this App ID and they must be regenerated for future use. So, I want to know that if I click "save", the app using the previous profile can still be installed or not? And will it impact the app already installed? Regards

[@galaxies_dev]

This won't change apps already installed, you just have to generate a new profile in your developer account!

[@ikenna042]

Hi Simon, Thanks for all your great videos, I owe my Ionic career to you. Please I have a question on this deeplink, I am trying to build a 2nd version of an app with ionic/capacitor, The previous dev used swift and java, and implemented the deep link, it works perfectly. I have implemented all the steps in your video, using the existing AASA file formerly hosted on the root of the organisation's site but it's not working for me, even though it still works for the previous version. Specifically for iOS, I couldn't test for Android because of the SHA fingerprint thing. I used the AASA validation site to check their site and found some errors, I have told the internal developers to fix the errors, but they are saying it shouldn’t be a problem because the previous one still works regardless. So I am confused on the way forward. Please any recommendations on way out for me?

[@DevarshiDavessj4]

So for deeplinks to work on android you must sign the app?? can't we test it using the unsigned/debug version of the apk?

[@SC-uv5le]

Did you sort this out? all my steps are working but the deeplink isn't working when through apk and device install.

[@DevarshiDavessj4]

@@SC-uv5le hey, you have to sign the APK, choose build > generate signed APK option and you also have to create a SHA-1 key for this

[@ankitakachalia2610]

how to deffered deep link in ionic i.e if app is not install redirect to particular store otherwise inside app

[@galaxies_dev]

That's something special services handle like www.branch.io/

[@pratikagarwal7210]

Thanks alot!

[@galaxies_dev]

Always happy to share good news!

[@brandon400]

it wordks with http?

[@Cubas1111]

did it work for you on http?

[@brandon400]

@@Cubas1111 it didnt for me :/

[@abdelallitahiri7934]

Hi Simon, thank you first for the video, it worked for me but I still get an error in android : When I click on the link for the first time, it opens the app and go to the page that I want but if I try for the second time and the app is in background it doesn't work (still in the last opened page) Techno (React/Capacitor/Ionic) Phone (Xiomi Redmi note 8) Android 12

[@brandon400]

did you solve it? where was the problem

[@somnathpal7360]

I am trying to setup deeplink for android as you have shown but could understand how you generated config.yaml after installing capacitor configure. I installed it but no such file generated.

[@galaxies_dev]

You can create that file manually!

[@somnathpal7360]

@@galaxies_dev Thanks for the reply. I have created that file and ran the command which was mentioned. But deeplink is still not working.

[@tolutronics]

Great to see this😄

[@galaxies_dev]

You are welcome Adeniyi!

[@tejas4469]

android 12,13 version not working . till android 11 it is working fine. solution ??

[@HamzaAhtsham]

Same here

[@nina97_]

I've already followed everything that you've done for iOS app, but somehow when i clicked on the URL, the website didn't appear/detect my App. and it just open it in browser. what should i do? is it the problem at the app or website?

[@brandon400]

did you solve it?where was the problem

[@ibgib]

Thank you!

[@DavidFrassi]

Hi, I have a question: How can i access deep link in a PWA and not native app?

[@galaxies_dev]

You can create universal links that open your app, and from there manage the routing in your app by accessing the URL components and doing your routing then!

[@DavidFrassi]

​@@galaxies_dev thanks i resolve my problem with correct .htaccess configuration on the server

[@mobiliseapplabllp5707]

i am impliment in android but how to impliment in web configuration and how to find link to app android app

[@mobiblaize]

Hey man, do you mind linking the repo for the raw code

[@galaxies_dev]

Don't have a repo for it, only the tutorial linked in the description!

[@JordanRzymski]

Can you do with capacitor and also use this to allow users to share products by sending links to each other

[@ShonSnow93]

Thanks!

[@galaxies_dev]

Thank you 🙌

[@FINZEYFINANCECOMPANY]

Can I open the single IOS App page in the browser?

[@Eyghon1989]

I follow this tuto but I face a problem... I use a back with .net on azure and I have my ionic app on localhost so it's possible to serve the assetlinks to my localhost or how can I do ?

[@galaxies_dev]

No, you can't serve assetlinks on localhost because Apple/Google need to access those files to validate a domain!

[@Eyghon1989]

@@galaxies_dev Ok thank you for your reply !

[@irfanbabar8424]

Hi, nice video. I have a question. I m building an ionic application, but I dont have any website or domain. so will deeplinks work without domain/website or not? I have checked many site but nothing about deeplinks with localhost. So i m assuming that it doesn't work with localhost. thanks

[@galaxies_dev]

No I don't think it will, but you could instead use a custom URL scheme like mycoolapp:// and then open your app through that°!

[@irfanbabar8424]

@@galaxies_dev thankyou. I thought so

[@brandon400]

@@irfanbabar8424 bro. could you solve it with url scheme??

[@graciousemmanuel6142]

great tutorial but Capacitor docs doesn't show how to handle routing in vanilla javascipt

[@aleksandr95]

Hello, Simon! 🙌 Thank you so much for the video! I managed to set up Deep Linking for Android devices, but it doesn't seem to work on Apple devices. I followed everything exactly as shown in the video, but for some reason, the validator doesn't recognize my apple-app-site-association file. What could be the issue? I also have a problem where the mobile application doesn't open when entering the link in the browser. It only works when the link is accessed, for example, from a messenger app.

[@brandon400]

did you solve it? where was the problem

[@nukeman4]

Can you make tutoria for vanilla js only using webpack ?

[@pawel_html5972]

ald ALL this mayhem is needed only to open app in some directory ??? OMG

[@galaxies_dev]

Yes universal links can be a pain - but if you just want to open one app from another simply use the scheme, that's implemented way faster without the server side stuff!

[@brandon400]

@@galaxies_dev how can we use scheme url ? doesnt worked for me:/

[@kennethmontealto2478]

Having problem with iOS. appOpenUrl seems not working

[@avisiboni2011]

Same here

[@kennethmontealto2478]

@@avisiboni2011 I used branch io to make it work

[@avisiboni2011]

@@kennethmontealto2478 just used it and it works perfectly! Thanks ;)

[@tanmayapatra6078]

I did not know that to Share a link from Ionic Mobile App, developer need to configure that much!! Whoa.. thats a lot of things.

[@galaxies_dev]

Only if you want a deep link - otherwise a URL scheme is pretty fast to set up and can let you open your app as well!

[@brandon400]

@@galaxies_dev bro howww? i coundlt do it with scheme url

[@dipeshjayswal5791]

Thank you so much 🙂