Il test del browser mobile Ionic non funziona

Question

Provo a utilizzare il test del browser mobile con ionico. Sono connesso allo stesso Wifi del mio iPhone e ho controllato il mio indirizzo IP con il seguente comando: ifconfig |grep inet. Quando eseguo il server ionico con il comando ionic serve, non riesco ad aprire la mia app ionica sul mio iPhone utilizzando il mio indirizzo IP e la porta specificata da ionic. Devo abilitare qualcos'altro sulla mia macchina? Ho anche provato diverse porte senza alcun successo.

Answer 1

Questa risposta potrebbe essere in ritardo, ma spero che sia utile a chiunque abbia lo stesso problema in futuro. Ciò che ha risolto questo problema è stato inserire il seguente comando: ionic address e selezionare l'ip del mio server di sviluppo (nel mio caso 192.168.0.2) anziché l'opzione localhost. Ora quando corro ionic serve posso connettermi con successo dal browser mobile.

Answer 2

Ho avuto un problema simile provandolo utilizzando Windows 8.1 e Android. Quando ho usato http://localhost:8100/ è stato caricato correttamente sulla mia versione desktop di Chrome ma utilizzando il mio indirizzo IP locale nel browser desktop, ad esempio 192.168.1.185:8100, ho ricevuto un errore "Connessione rifiutata". Inutile dire che non ha funzionato neanche su Chrome sul mio dispositivo mobile.

Cosa ha risolto questo problema stava usando Port Forwarding secondo https://developer.chrome.com/devtools/docs/remote-debugging#port-forwarding

In questo modo ho potuto aprire il sito utilizzando "localhost: 8100" e non l'indirizzo IP sul mio dispositivo mobile in Chrome e il sito caricato e debug correttamente.