Gitpod Flutter

Setup

Web

 flutter run -d web-server --web-port=8080 --web-hostname=0.0.0.0

Mobile with remote adb

Check your mobile lan ip and feel free to use your own port configuration

 SMARTPHONE_LOCAL_IP = 192.168.0.10 (LAN IP)
INTERNAL_PORT = 5555

[Localhost command] Run the following command to switch adb on your device to work over the network using the internal port

 adb tcpip INTERNAL_PORT

[Localhost command] Check adb connection from localhost

 adb connect SMARTPHONE_LOCAL_IP:INTERNAL_PORT

[Localhost command] Starts ngrok tcp forwarding to your mobile or if you prefer you can forward a chosen port on your router to the mobile

• Ngrok describes itself as “expose a local server behind a NAT or firewall to the internet.”, making our lives easier.

 ngrok tcp SMARTPHONE_LOCAL_IP:INTERNAL_PORT

[Gitpod command] Connect from your Gitpod to your localhost for debugging

 adb connect NGROK_ADDRESS:NGROK_PORT
flutter run -d NGROK_ADDRESS:NGROK_PORT