Flutter deeplinking without firebase | amplifyabhi

in this Vlog we are going to see the usage of  deep linking in your flutter application without   Firebase so I am getting requests from people  saying that without Firebase how we can Implement   deep linking in our flutter application so in  this part of the tutorial I am going to mainly   cover this particular aspect so I suggest you to  state in the end of this tutorial because I am not   going to code anything in this tutorial and I am  going to just explain you the process of how to   add deep linking to a flutter application  and also test it locally on your device   so now the very first thing here you can see is  like the code which I have written over here is a   previous tutorial so in this particular tutorial  I have clearly explained you what is a go rotor   plugin and how we need to use it so this is the  plugin which I have added to our pubspect.yaml   file and in this way I have just specified my  screens in my application such as the Deep linking   will be made very much easy if you configure your  app in this way so I have clearly explained you   in this part of the tutorial like how to specify  the screens in your application in this format   so I suggest you to go through this particular  tutorial before getting started with the current   tutorial and if you are very much familiar with  this particular topic you can just directly skip   into this particular tutorial so now let's get  started with the configuration of deep link first foreign manifest file now so here if you have seen the  project structure of a flutter application in   the Android folder here under app directory  you do have a Android manifest file over here   so select this particular file and under the main  activity so this is the default activity you will   be getting when you create a flutter application  and I have added a metadata over here which states   like flutter deep linking enabled and Android  value equal to true and under which I have   also added an Intel to filter which is stating  like Auto verify equal to true so it's like Auto   verified equal to true and whenever you receive  a deep link then it will automatically redirect   you to your application and also the particular  screen which you have specified in the Deep link   and here we have specified an action and two  category tags over here and also two data tags in   our intent filter so let us try to see one by one  so initially I will explain you the data tags so   what does the data tag do so he in the data attack  we have specified a host called example.com so   this particular example.com you can replace with  your website and whenever you tap on your website   so you'll be generating a link so whenever you  tap on that particular link you will be redirected   to the application and if the application is not  installed it will redirect you to the Play Store   or App Store and from there you can install the  application and then open the specific screen   based on the Deep link so we have specified two  schemas over here covering HTTP and https and   let us try to see the first tag like action so  with the help of this action Dot View here so   we can make the intent filters accessible from  the Google search so whenever there is a link   came up in the Google search and the user tab on  this so you can just directly open them in your   application and the second one is like a default  category dot default will handle the implicit   intents like activities broadcast receiver  services so all these things can be handled   by adding this particular category and the third  one is browsable so just now we have seen like   whenever you tap on a URL or whenever you try to  open a URL in your device browser then it will   open up your application and go to the particular  page which is specified in the URL so here nowhere   we required Firebase we just required a URL that's  all and in this part of the tutorial I am not   going to specify a live website here so I've just  added a dummy website like example.com but don't   worry the process is completely same and here we  are just trying to test the Deep linking locally   in our flutter application so in the coming  tutorial if you are really interested to add   deep linking without the Firebase just let me know  in the comment section below I'm going to create   a new application and try to publish it in the  Play Store and we need to add some configuration   in the website level as well like asset store Json  file we need to add such that our application gets   verified and then only the user can make use of  the deep link and open our application so before   reaching the further level I just want to make  it very much easy for you so to get the concept   let's try to start with this particular dummy  website and try to understand the concept and   in the later level you can just make use of the  same concept and try to implement in the real time   scenario so this is it for the configuration level  and let's come back to our main dot dot file here   so all the things I have explained in the previous  tutorial itself so there is nothing new in this   part of the tutorial to explain in this particular  file so I have just run this particular code and   now try to observe the emulator so here you can  see our application is now up and running and we   are currently on the home screen because we have  added a forward slash and not specified anything   so this is a basic terminology again whenever you  specify a forward slash that will be your home   page so even for profile if you remove profile and  just specify a forward slash and home over here   then your profile screen will turn into your home  page so this is again the basic details and now   let's try to move to the terminal and now I'm just  making use of the MacBook and here you might face   few issues when trying to run this particular code  because the ADB will not be detected sometimes   so just let me know in the comment section below  if you face the ADB issue in your MacBook I will   surely try to help you with a new tutorial on  how to configure ADB in your MacBook such that   it is been detected which is which is detected  anywhere in your project so here ADB devices   I am trying to just test whether ADP is supported  or not so here you can clearly see my emulator   is now listed in the ADB devices list so now  I am going to add a command here so this is   the command like ADB shell am start and here we  have specified our intents which we have added   and also you can see like example.com profile I  have specified and this is our package name again   so here example.com profile which states that  start our application and move to the profile   screen so now let's try to close our application  over here and we are now on the home screen in   our emulator and whenever I tap here so here  you can clearly see we are now redirected to   the profile screen and now let us try to move  to the help screen instead of profile screen   and I'm going to specify the complete code and  the link for the code will be available to you   in the description section below so don't worry  about the code here so here instead of profile I   am now going to specify help here and you can  clearly observe how dynamically we can make   use of deep linking in our flutter application  so when I tap on enter over here and return in   Mac so you can clearly see we are now moved to  the help screen here so it is that easy you can   just easily Implement deep linking in your flutter  application by following this particular tutorial   and again I'm saying you this is a local way of  testing deep linking in your flutter application   and if you are really interested to know and  Implement deep linking in the live application   I am just creating an application currently and  it is again under process so after completing this   particular application I am going to create  one more tutorial and clearly show you the   steps like how to configure so everything I have  shown you in this particular tutorial is similar   so in the live also all these steps are there  but only verification of website is there so I   will be showing you that clearly in the coming  tutorial so this is it for this tutorial the   code for this tutorial is available in the  description section below if you like this   tutorial do like share and subscribe to our  channel for more interesting content on flutter

Channel: amplifyabhi coding

Views: 11,846

Keywords: flutter deep link, flutter deep link without firebase, flutter deep link navigation, flutter deep link open app, flutter deep link example, flutter deep link not working, firebase alternatives for flutter, how to implement deep linking in flutter, how to flutter, how to add deep link in android app, how to add deep link in, how to create deep link, how to deep link, firebase alternatives

Id: tuHgdC1PriQ

Length: 9min 4sec (544 seconds)

Published: Thu Apr 27 2023