HotReload with Wi-Fi Debugging gives more power to Xamarin Forms
Tags: hotreloadwithwifi, wifidebugging, xamarin, xamarinforms
Published: 2020-03-04 11:46:48

---
title: HotReload with Wi-Fi Debugging gives more power to Xamarin Forms
published: true
date: 2020-02-27 19:20:00 UTC
tags: HotReload with Wifi ,Wifi Debugging,Xamarin,Xamarin Forms
canonical_url: https://logeshpalani.blogspot.com/2020/02/hotreload-with-wi-fi-debugging-gives.html
---

  

[![](https://1.bp.blogspot.com/-wz7VPZZ0YBw/XlgWSllIvJI/AAAAAAAAQMQ/Ku8_EvX-xVk0Y4fjvb9MOEFsyBBbG3mBQCLcBGAsYHQ/s1600/HotReload-min.png)](https://1.bp.blogspot.com/-wz7VPZZ0YBw/XlgWSllIvJI/AAAAAAAAQMQ/Ku8_EvX-xVk0Y4fjvb9MOEFsyBBbG3mBQCLcBGAsYHQ/s1600/HotReload-min.png)
  
  
The Wi-Fi debugging is another way to deploy and debug your application in Android and iOS devices. A couple of months back Microsoft released Xamarin HotReload for continuous change the values in the editor, instantly it will reflect in your running device without requiring to rebuild and restarting the application.  Now, we going to check this HotReload and Wi-Fi deployment works at the same time. Before starting this, we need to configure our IDE and mobile for Wi-Fi debug configuration.  
  

### Configure iOS 
  
Open XCode and navigate to Window menu >> select Device and Simulator >> check to Connect via Network checkbox as shown below image.  
  

  

[![](https://1.bp.blogspot.com/-7FrYIQk5sVw/XlgJhnwJrfI/AAAAAAAAQLk/ZfBpdETDps4s6JbMnmHS3ihCblLarbnbwCLcBGAsYHQ/s320/Screenshot%2B2020-02-27%2Bat%2B6.36.02%2BPM.png)](https://1.bp.blogspot.com/-7FrYIQk5sVw/XlgJhnwJrfI/AAAAAAAAQLk/ZfBpdETDps4s6JbMnmHS3ihCblLarbnbwCLcBGAsYHQ/s1600/Screenshot%2B2020-02-27%2Bat%2B6.36.02%2BPM.png)

  

_Note: your iPhone and Mac must be in the same network connection._  
  
Back to Visual Studio and select dropdown device list, Through Wi-Fi via connected devices will be shown with a small Wi-Fi icon in front of the device name.  
  

[![](https://1.bp.blogspot.com/-oVaJUIj-MOw/XlgJfzrDx0I/AAAAAAAAQLs/T2kmefA-QW4kyEJPn_N7lQFGQWGqWqC6wCEwYBhgL/s1600/Screenshot%2B2020-02-25%2Bat%2B11.01.38%2BAM.png)](https://1.bp.blogspot.com/-oVaJUIj-MOw/XlgJfzrDx0I/AAAAAAAAQLs/T2kmefA-QW4kyEJPn_N7lQFGQWGqWqC6wCEwYBhgL/s1600/Screenshot%2B2020-02-25%2Bat%2B11.01.38%2BAM.png)
  
  
  
Now select iPhone that connected via Wi-Fi.  
  

[![](https://1.bp.blogspot.com/-OiMCGL0IrrM/XlgJg9K3JpI/AAAAAAAAQLo/fYjDh8n-PFMdGkt2r9S5_jiISA9bVIgFQCEwYBhgL/s320/Screenshot%2B2020-02-25%2Bat%2B11.01.46%2BAM.png)](https://1.bp.blogspot.com/-OiMCGL0IrrM/XlgJg9K3JpI/AAAAAAAAQLo/fYjDh8n-PFMdGkt2r9S5_jiISA9bVIgFQCEwYBhgL/s1600/Screenshot%2B2020-02-25%2Bat%2B11.01.46%2BAM.png)

  

### **Configure Android**

Open Terminal in Mac and run the following commands for adding the _ **adb** _ path.

  

| echo 'export PATH=$PATH:/Users/\*thisismyaccount\*/Library/Android/sdk/platform-tools/' >> ~/.bash\_profile source ~/.bash\_profileNote: first connect your android device via USB After adding the path, enter below command  
_ **adb devices** _ Next, execute the _ **TCP** _ command to say the adb listen to the network port to connect a device. adb tcpip 5555  Copy your Wi-Fi IP from your Android device by doing>> Settings >> Wi-Fi >> Connected Wi-Fi settings >> note the IP address    

[![](https://1.bp.blogspot.com/-gsfLwiIcWxk/XlgPQvOyF3I/AAAAAAAAQL8/YfbUslyJQDMmVfHFKGH0Uzs_BdPyKF3KwCLcBGAsYHQ/s320/Screenshot_20200228_001718_com.android.settings.jpg)](https://1.bp.blogspot.com/-gsfLwiIcWxk/XlgPQvOyF3I/AAAAAAAAQL8/YfbUslyJQDMmVfHFKGH0Uzs_BdPyKF3KwCLcBGAsYHQ/s1600/Screenshot_20200228_001718_com.android.settings.jpg)
Next, connect your _adb_ to an IP address by running below command. adb connect 192.165.12.1  
[![](https://1.bp.blogspot.com/-kQmSID-sRjQ/XlgJf635CCI/AAAAAAAAQLs/U0Sv4-lb0YoxAu6qU9FBNLciqEX7MVjeQCEwYBhgL/s320/Screenshot%2B2020-02-25%2Bat%2B10.55.49%2BAM.png)](https://1.bp.blogspot.com/-kQmSID-sRjQ/XlgJf635CCI/AAAAAAAAQLs/U0Sv4-lb0YoxAu6qU9FBNLciqEX7MVjeQCEwYBhgL/s1600/Screenshot%2B2020-02-25%2Bat%2B10.55.49%2BAM.png)
The device connected established successfully, unplug your USB and deploy your application over the Wi-Fi. After the unplug USB this IP device will be shown your ide drop-down list and select and deploy it  
[![](https://1.bp.blogspot.com/-gxFKRKYhzhE/XlgJhbsFapI/AAAAAAAAQLs/36y2VA0CGKwHJPNsQ8jI7cRj592TxyQ2wCEwYBhgL/s320/Screenshot%2B2020-02-25%2Bat%2B11.40.30%2BAM.png)](https://1.bp.blogspot.com/-gxFKRKYhzhE/XlgJhbsFapI/AAAAAAAAQLs/36y2VA0CGKwHJPNsQ8jI7cRj592TxyQ2wCEwYBhgL/s1600/Screenshot%2B2020-02-25%2Bat%2B11.40.30%2BAM.png)
End of debugging change the adb listen port to USB mode by executing below command. adb USB |

  

  

### **HotReload**

Enable your HotReload by going Visual Studio Preferences >> Xamarin Hot Reload left menu and check the Enable Hot Reload checkbox.

  

[![](https://1.bp.blogspot.com/-07BRWt6X1kw/XlgJfxSGxGI/AAAAAAAAQLo/2PwAzaArq8wDcqxy0qbQ9Si04KJYQCD_QCEwYBhgL/s320/HotReload.png)](https://1.bp.blogspot.com/-07BRWt6X1kw/XlgJfxSGxGI/AAAAAAAAQLo/2PwAzaArq8wDcqxy0qbQ9Si04KJYQCD_QCEwYBhgL/s1600/HotReload.png)

  

Now the time to check your HotReload, set your startup project and running the application, you can edit the values and _Save it,_ instantly your application will flash and loaded into a newly changed design.

  

That was awesome, thanks to Xamarin Forms Team.  

  

The blog post not good blog post without comment, give a comment