How to Setup Universal Links in Ionic (iOS & Android)
ฝัง
- เผยแพร่เมื่อ 24 ก.พ. 2020
- Ever wondered how some web links automatically open the installed apps? Learn to add universal links to your Ionic app to directly open your app through links!
🔥Learn Ionic faster with the Ionic Academy: ionicacademy.com/
💎 Get the Built with Ionic Book: builtwithionic.com/
🎉 Get my Practical Ionic Book: devdactic.com/practical-ionic/
#############################
👨💻Want to read instead of watch?
Here's the full Ionic tutorial: devdactic.com/universal-links...
🤷♂️Want more Ionic tutorials?
There you go: devdactic.com/
⚡️Take my 7 Day Ionic 4 Crash Course
ionicacademy.com/ionic-crash-...
#############################
❤️You can also find me...
on / simongrimm_
on / schlimmson
on / devdactic
############################# - วิทยาศาสตร์และเทคโนโลยี
Was looking for when you come around doing this tutorial! Thank you for doing it so quickly!
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!
thank you so much Simon, u help me a lot for my final thesis with your Ionic content! love from Indonesia :D
Happy to hear that Jonathan!
Thanks. Just what I need right now. 😀
thank you so much really very helpful and worked Superb!
helped me a ton, thank you!
You're welcome!
excellent tutorial, what I was looking for and it worked perfectly 👍
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
Hey simon
If app is not installed what will happen?
and if that case can i route to play or app stores ?
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.
Thanks for the idea!
the command to test works, but when I click on the link through Whatsapp or notes the website opens normally any solution?
Can you create a tutorial about WebRTC + Streaming connexion ?
Bb no
exists how to the get a link with firebase dynamic link?
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?
There is actually a plugin for this: ionicframework.com/docs/native/open-native-settings
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?
Hmm I think it should actually also work from the simulator!
Can I use http and put my assetlink in http domain?
Any plugins are available sip? I had tried but not found any compatible sip plugin for Capacitor. Would you please help me?
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!
If one app launch another app, do we need to configure the universal links for iOS and app links for android?
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!
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)
.well-known/assetlinks.json is normal
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 ?
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?
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!
@@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.
Thanks for the excellent tutorial, Simon. Will universal links work even without publishing the app to store(both andorid and ios)?
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!
@@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?
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.
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!
i have a problem can you help me SQlite only works on installation, if I close the app stops working
in emulator and device
Not sure what you mean?
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 ?
I'm not 100% sure about this but maybe yo u need to inject NgZone and run the router call in the run() function!
@@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.
Soory for asking i try to use link in browser but the app doesnt want to open..is there any sollution for my case ?
Could be a lot of different things :/ Did you add the verification files to your domain, served with HTTPS?
thanks a lot for great tutorial, Could you please tell me is there a backend setup ? you talked about php and ionic protocol
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!
@@galaxies_dev ok thank you very much
Great vid - thanks for sharing. Any chance of doing a variant of this for React?
Yeah can do one in the future, but the setup outside will be 100% the same, only Ionic part changes slightly!
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.
Yeah that's on my list!
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
Then you might have a different hosting engine, just look it up and see where you can find the SSL config!
How do you configure all variables you used (URL_SCHEME, DEEPLINK_SCHEME, DEEPLINK_HOST) with capacitor?
I'm not sure if you actually have to - I'll work on a Capacitor version for the next time!
@@galaxies_dev Thanks Simon. BTW, the formal capacitor site send link to your blog. Respect
Hey Simon! do you have a good tutorial for firebase dynamic links integration on Ionic? thanks
No not yet :/
@@galaxies_dev replied on Facebook group 😊
Please release tutorial for fire base dynamic links .
what happens if app is not installed? it will go to the store?
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!
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?
@@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.?
Hey Simon, can you do this tutorial with firebase dynamic links ? thank you
Not sure how it works but yeah that topic is on my list as well!
How does it work when the app is not installed? Would users be sent to the app store page?
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
Not working for me always go in nomatch block any hints
if the app is not installed will it navigate to play and app store?
No, that would be something special you'd have to implement yourself or use a service for!
i try biuld ionic to APK using cordova never success😌 can u make simple for me ? please
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.
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
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!
Hello Mizan, did you find a solution?
Many cordova videos lately 😢 did you abandon capacitor?
No I'm more into it than ever :)
How can we get it to not ask whether to open in the app or browser the first time?
I think that's an OS default setting?
Will it work on ionic capacitor ...
Yes you can also use deeplinks with Capacitor!
How to navigate to Google Play store or Apple app store if app is not installed on device?
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 :/
I have done it with branch.io
First comment 👍
Attention: this tutorial will NOT work on iOs if you are using Capacitor, you need to use Capacitor's implementation!
What exactly do you mean? I tested everything with Capacitor and it works fine on both platforms!
@@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
that lesson not informative