Debug App in Real Android Device using Wi-Fi Connection
How to Run React Native App On Real Device using Wi-Fi is the extended version of our previous post on How to Run React Native App On Real Device Android which has a description of how to run the App using USB cable in Real Device. In this post, we will show you how you can connect your device to your development server using Wi-Fi to run the React Native App. So let’s get started.
To do this you have to follow the same steps described in the previous post here to connect via USB as we have to run the application once to open the Developer Menu of the app. If you have successfully installed your application in your device using a USB cable connection then remove the USB cable and follow the following steps:
Make sure your laptop and your phone are on the same Wi-Fi network.
Get the IP Address of your Development Machine
To connect the device using Wi-Fi we will need the IP address of the development machine. Below are the different ways to get the IP address depends on the different OS
Mac OS: use
ifconfig | grep "inet "
Setting Debug Server Host & port
After getting the IP address please follow the below steps to set debug server host & port.
Open the application and shake your device to open the Developer Menu
after opening it click on the Dev Settings
Debug Server Host & Port
Click on Debug Server Host & port for the device and enter the IP address of your development machine and port number which is port 8081 (default port for React Native development server)
Refresh the App
Now go back and click on Refresh Js which will run your App via Wi-Fi Connection
This is how you can run the React Native App on Real Device using Wi-Fi. If you have anything to share please comment below or contact us here.
Hope you liked it:)