How do I run my Quasr app on mobile while connect to PC?

[Ben Hayat]

Hi guys;

I have my Android mobile connected to my PC via USB and I’ve set my mobile to DEVELOPER. While I’m developing Quasar app with Live Server, how can I access my app running on my dev machine via mobile browser?

Thank you in advance!
…Ben

[s.molinari]

Look below the warnings here:

https://quasar.dev/quasar-cli/developing-cordova-apps/build-commands#Developing

It explains and basically, if your IP address from your dev computer is available, you should be able to see the app running.

Scott

[Ben Hayat]

@s-molinari
Hi scott;

I’m not using Cordova or Hybrid. It’s just an HTML standard Vue app that runs in browser. I want to test it side by side on mobile.

I do have my PC’s IP address but the mobile gives error that it can not access it. I’m sure many others Test it on real device, so I figure I’m missing something.
Thanks!

[metalsadman]

@Ben-Hayat check your firewall, you must open the port that your dev ip is using, so other device that’s in the same network can access it.

Scott said to look into the Warning notes.

WARNING

If developing on a mobile phone/tablet, it is very important that the external IP address of your build machine is accessible from the phone/tablet, otherwise you’ll get a development app with white screen only. Also check your machine’s firewall to allow connections to the development chosen port.

this doesn’t only apply whether you are using cordova/capacitor mobile app.

[Ben Hayat]

@metalsadman
Ah, thank you for the info and extra detail.
So I need to open port 8080?

[metalsadman]

@Ben-Hayat yes, in your device’s browser, you then enter the ip and port of your dev machine.

[Ben Hayat]

@metalsadman
Much appreciated!