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

Поделиться
HTML-код
  • Опубликовано: 2 окт 2024

Комментарии • 102

  • @saq.ib01
    @saq.ib01 Год назад +3

    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
      @pipejust 9 месяцев назад +1

      Hello, did you find a solution to this?

  • @MaximaToluene
    @MaximaToluene 2 года назад +6

    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
      @galaxies_dev  2 года назад +1

      Awesome, happy to hear!

    • @MaximaToluene
      @MaximaToluene 2 года назад

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

  • @tanmayapatra6078
    @tanmayapatra6078 Год назад +3

    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
      @galaxies_dev  Год назад

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

  • @harishsankar8534
    @harishsankar8534 7 месяцев назад +1

    "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."

  •  2 года назад +2

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

  • @XUnitedGamesX
    @XUnitedGamesX Год назад +1

    Congrats broo

  • @thiagoprudencio5235
    @thiagoprudencio5235 2 года назад +1

    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
      @galaxies_dev  2 года назад

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

  • @PplusV
    @PplusV 2 года назад +1

    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
      @avisiboni2011 2 года назад

      Hi, does it work for you in Android?

  • @minenhledlamini2575
    @minenhledlamini2575 2 года назад +1

    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.

  • @quickmaths4762
    @quickmaths4762 8 дней назад

    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?

  • @VijayKumar-eo7zg
    @VijayKumar-eo7zg 2 года назад +1

    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
      @aleksandr95 Год назад

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

    • @brandon400
      @brandon400 Год назад

      @@aleksandr95 could you both solve it?

  • @dksanket
    @dksanket 2 года назад +2

    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
      @andrasalpar7339 2 года назад

      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
      @dksanket 2 года назад

      @@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
      @andrasalpar7339 2 года назад +1

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

  • @JordanRzymski
    @JordanRzymski 2 года назад

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

  • @HitNataf
    @HitNataf Год назад +1

    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
      @HitNataf Год назад

      Also my apk is signed apk

  • @flonmackenzie2876
    @flonmackenzie2876 2 года назад +1

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

  • @FINZEYFINANCECOMPANY
    @FINZEYFINANCECOMPANY Год назад

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

  • @DavidFrassi
    @DavidFrassi 2 года назад

    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
      @DavidFrassi 2 года назад

      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
      @galaxies_dev  Год назад

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

  • @tejas4469
    @tejas4469 Год назад +1

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

  • @brandon400
    @brandon400 Год назад +1

    it wordks with http?

    • @Cubas1111
      @Cubas1111 5 месяцев назад

      did it work for you on http?

    • @brandon400
      @brandon400 5 месяцев назад +1

      @@Cubas1111 it didnt for me :/

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

    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.

  • @noone98783
    @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 ?

  • @irfanbabar8424
    @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
      @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
      @irfanbabar8424 Год назад

      @@galaxies_dev thankyou. I thought so

    • @brandon400
      @brandon400 Год назад

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

  • @mobiliseapplabllp5707
    @mobiliseapplabllp5707 Год назад

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

  • @DevarshiDavessj4
    @DevarshiDavessj4 9 месяцев назад

    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?

  • @deanvangreunen6457
    @deanvangreunen6457 Год назад

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

  • @ibgib
    @ibgib 2 года назад +1

    Thank you!

  • @ikenna042
    @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?

  • @CarlosSanchez-dp9wv
    @CarlosSanchez-dp9wv 11 месяцев назад +1

    Thank you for the quick win as always.

  • @fabiandelarosa6941
    @fabiandelarosa6941 2 года назад +1

    Excellent information Simon, Thanks

  • @dipeshjayswal5791
    @dipeshjayswal5791 5 месяцев назад

    Thank you so much 🙂

  • @pratikagarwal7210
    @pratikagarwal7210 Год назад +1

    Thanks alot!

  • @nina97_
    @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
      @brandon400 Год назад

      did you solve it?where was the problem

  • @alfisyahri2546
    @alfisyahri2546 Год назад

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

  • @graciousemmanuel6142
    @graciousemmanuel6142 2 года назад

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

  • @aleksandr95
    @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
      @brandon400 Год назад

      did you solve it? where was the problem

  • @abdelallitahiri7934
    @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
      @brandon400 Год назад

      did you solve it? where was the problem

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

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

  • @ShonSnow93
    @ShonSnow93 2 года назад +1

    Thanks!

  • @tolutronics
    @tolutronics 2 года назад +1

    Great to see this😄

  • @ankitakachalia2610
    @ankitakachalia2610 Год назад

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

    • @galaxies_dev
      @galaxies_dev  Год назад

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

  • @DavidFrassi
    @DavidFrassi 2 года назад

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

    • @galaxies_dev
      @galaxies_dev  2 года назад

      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
      @DavidFrassi 2 года назад

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

  • @EvgenyKlainer
    @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
      @galaxies_dev  Год назад

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

  • @DevarshiDavessj4
    @DevarshiDavessj4 9 месяцев назад

    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
      @SC-uv5le 5 месяцев назад

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

    • @DevarshiDavessj4
      @DevarshiDavessj4 5 месяцев назад

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

  • @somnathpal7360
    @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
      @galaxies_dev  Год назад

      You can create that file manually!

    • @somnathpal7360
      @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.

  • @abhim7497
    @abhim7497 Год назад

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

  • @mobiblaize
    @mobiblaize 2 года назад

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

    • @galaxies_dev
      @galaxies_dev  2 года назад

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

  • @Eyghon1989
    @Eyghon1989 2 года назад

    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
      @galaxies_dev  2 года назад +1

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

    • @Eyghon1989
      @Eyghon1989 2 года назад

      @@galaxies_dev Ok thank you for your reply !

  • @pawel_html5972
    @pawel_html5972 2 года назад

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

    • @galaxies_dev
      @galaxies_dev  2 года назад

      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
      @brandon400 Год назад

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

  • @nukeman4
    @nukeman4 Год назад

    Can you make tutoria for vanilla js only using webpack ?

  • @tanmayapatra6078
    @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
      @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
      @brandon400 Год назад

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

  • @kennethmontealto2478
    @kennethmontealto2478 2 года назад

    Having problem with iOS. appOpenUrl seems not working

    • @avisiboni2011
      @avisiboni2011 2 года назад

      Same here

    • @kennethmontealto2478
      @kennethmontealto2478 2 года назад +1

      @@avisiboni2011 I used branch io to make it work

    • @avisiboni2011
      @avisiboni2011 2 года назад

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