How to run Flutter app Wirelessly - flutter wireless debugging

welcome to letter teacher in this video just in three simple steps we will understand how to run flatter application in real device wirelessly so without wasting time let's get started [Music] before we start the steps it's important to note that we must install flutter properly and set the path for these platform tools inside your Android SDK folder this is because we are going to use the tool called ADB in order to enjoy the wireless connectivity if you don't know how to install Federal properly and how to set the path or import a full distance letter I request you guys to go ahead and watch the video called install flutter without Android Studio from this channel link is also there in the description now the second thing that we should have is the connectivity between our phone and the laptop so for this purpose we can either use the central Wi-Fi from our room if it is available and if it is not available we can simply connect a phone with the laptop or PC using the mobile hotspot let's understand the first situation and that is by using the center Wi-Fi you can see here in my phone I have turned on the Wi-Fi and I have connected my phone to the network called jio Fire by EDB M9 and I have connected my laptop with the same network and this type of connectivity we can say as the single Wi-Fi so if it is not available unfortunately in your room then what we can do we can simply turn on the mobile internet and we have to turn on Hotspot and make sure that we have to connect our laptop or PC to the same hotspot which we are providing in our phone so in my phone the name of my Hotspot is flutter developer and I have connected my laptop to the splatter developer hotspot so I think for most of the guys uh Central Wi-Fi is not available we have only one device so for explaining this video I am going to continue this step that is by using the hot spot also let's start from Step number one that is enabling USB debugging in real device simply tap on the settings icon of your phone and I'm going to tap here go to scroll down attend to find option called system tap on the system option then you will get option called about phone tap on this about phone and scroll down at end then you will find option called build number go to tap on this build number seven times so as I'm already developing message no need you are already a developer then tap on this back button you will find option called Advanced tap on this Advanced and you will find the new option available in your phone that is called developers option tap on this developer option and we have to scroll down a little bit you'll find option called USB debunking so make sure that we have to turn on this USB debugging and we have to turn on this developer options now it's very important to note that the place or location where I have found this developer options and about phone and admin number may not be same in your phone so depending upon what type of phone or what type of Android you are using based on that one the place of your developer mode and in play software about phone may be different so whatever options are there we have to find that one and we have to enable these developer option and USB debugging after this the second step is we have to note down IP address of our phone for getting IP address in your phone simply tap on the settings icon then scroll down edit you will be an option called system tap on the system and you will find option called about phone tap on this about phone I am going to scroll down little bit then we'll get this option called IP address so in my case I have got the dynamic IP address this is because I have turned on internet in my phone and I have enabled the hotspot by which I have connected my laptop so if it is not the case means if you are using the central Wi-Fi in your system then you will get the local IP address in the form of 192.160 dot something or something but I have got the dynamic IP address which is actually the 100.78.166.210 now connect your phone with the laptop via USB cable we just need this connectivity to enable ADB once we are done with that one we are going to disconnect the cable and go wirelessly you can see here I have connected my phone with the laptop using my regular USB cable which I use for charging then we need to run the command called ADB and for running that one we have to open the command prompt so I already opened command prompt here I hope you guys can see here let's write a command called kdd ADB basically stands for Android debuggle Bridge it is a command line tool that allows the phone to connect with the laptop and as we're going to use the IP address so we can enjoy the wireless connectivity by means of this ADB tool after this go to write save tcpi key and then we have to connect a port number so here I am using a port number four times five we can use a different port number but make sure that we should not use the result port numbers from your operating system simply hit the enter button and you will get a message called restarting in TCP mode with the support number after that we have to write again command called ADB then type here connect then we have to specify the IP address that we are noted in this step number two so for me this IP address is 100.78 .166.210 then go to write cologne and we have to space it at the port number make sure that you will get a different IP address so if you are using the mobile hotspot and your in the mobile internet then you will get this kind of real id address and if you are using the central wifi to connect with your phone and laptop then you will get some static kind of IP address we start from 192.160.something.something now after that simply hit the enter button and it will show you the message that connected to the specific IP address with that port number now guys let me disconnect my phone here you can see I have disconnected my phone now it is not at all connected to any USB cable so let me keep my phone here and let me open the PS code so let me minimize this window I have already opened the vs code here so let me tap on this vs code here you can see I have got this vs code and let me tap on the options available so when I tap here you can see View school has detected this Asus uh this phone here I guess you can see it well so let's tap on the specific option and let me run this application here so meanwhile we have to wait until this application gets executed in my phone you can see application is running successfully in my phone let me hit a command called Ctrl B and Ctrl J so that I can maximize my vs code screen you can see here okay let me keep my phone a little bit aside uh the background color which I have selected first scaffold is a white that's why it's appearing a white color let me change this to say hello so let's try it here hello and when I save here you can see it will now appear in yellow color Okay in order to get confirm that I don't have any connectivity or I don't have any wire you can see you know it is appeared with a yellow color still I don't have any wire so it is 100 Wireless connectivity and let me change this color to say uh say orange let's write here Orange let's save here you can get now orange color or you can use say green here so let's use green and you can see now it will appear in a cream color so in order to get confirmed that I don't have anything means I am not using Central Wi-Fi here because I know lots of you don't have this Intel Wi-Fi so let me ensure that I don't have this little Wi-Fi okay so let me come here okay let me come closer to the foreign data on and I have this hotspot on here and let me show you the name of my Hotspot when I turn here so let me tap on this mobile hotspot you can see here my Hotspot name is the letter developer and the same hotspot I have used in my laptop also so you can see here okay let me keep my phone aside here you can see I have connected my laptop to this same flutter developer here I hope you can see it properly that's it for this video see you guys in the next video If you really found this video helpful and knowledgeable then don't forget to like share subscribe and hit the Bell notification button to get my latest videos

Channel: Flutter Teacher

Views: 18,223

Keywords: run flutter wirelessly, flutter wireless debugging, How to run Flutter app Wirelessly, run flutter without USB cable, adb over wifi, wireless debugging flutter vscode, flutter adb wifi, run flutter over wifi, run flutter on mobile wirelessly, flutter wireless debug vscode, wireless debugging flutter, flutter apps over wifi, run flutter app over wifi, flutter wifi, flutter wireless debug, run flutter app on real device wirelessly, wireless debug flutter, flutter tutorial

Id: p2bsfBA6Ixg

Length: 8min 4sec (484 seconds)

Published: Wed Jan 25 2023