Ospitare un sito su una macchina di sviluppo web server, thenaccess il contenuto da un dispositivo Android.,
Con un cavo USB e Chrome DevTools, è possibile eseguire un sito da un developmentmachine e quindi visualizzare il sito su un dispositivo Android.
TL;DR
- Port forwarding consente di visualizzare il contenuto dal server Web della macchina di sviluppo sul dispositivo yourAndroid.
- Se il server web utilizza un dominio personalizzato, è possibile impostare il dispositivo Android per accedere thecontent a quel dominio con mappatura dominio personalizzato.
Impostare port forwarding
Port forwarding consente al dispositivo Android di accedere ai contenuti che è beinghosted sul server web della macchina di sviluppo., Il port forwarding funziona creando una porta TCP in ascolto sul tuo dispositivo Android che si associa a una porta TCP sulla tua macchina di sviluppo. Il traffico tra le porte di viaggio attraverso il USBconnection tra il dispositivo Android e la macchina di sviluppo, sothe connessione non dipende dalla configurazione di rete.
Per abilitare il port forwarding:
- Impostare il debug remoto tra la macchina di sviluppo e il dispositivo yourAndroid. Quando hai finito, dovresti vedere il tuo dispositivo Android nell’elenco.
- Fare clic sul pulsante Port forwarding.
localhost:8080
è impostato per impostazione predefinita., - Seleziona Abilita il port forwarding. Se si desidera impostare altre porte, seguirei passaggi 4 e 5. Altrimenti vai al passaggio 6.
- Nel campo di testo della porta a sinistra, inserisci il
localhost
numero di porta dache vuoi essere in grado di accedere al sito sul tuo dispositivo Android. Ad esempio, se si desidera accedere al sito dalocalhost:5000
inserire5000
., - Nel campo di testo indirizzo IP e porta a destra, immettere l’indirizzo IP o il nome host su cui il sito è in esecuzione sul server Web della macchina di sviluppo, seguito dal numero di porta. Ad esempio, se il tuo sito è in esecuzione su
localhost:7331
devi inserirelocalhost:7331
. - Fare clic su Fine.
Il port forwarding è ora impostato. Puoi vedere un indicatore di stato della portain avanti nella parte superiore e oltre al nome del dispositivo.,
Per visualizzare il contenuto, apri Chrome sul tuo dispositivo Android e vai alla porta localhost
specificata nel campo Porta dispositivo. Per esempio, se hai inserito 5000
nel campo, allora andrai alocalhost:5000
.
Mappa a domini locali personalizzati
La mappatura dominio personalizzata consente di visualizzare il contenuto su un dispositivo Android da un server Web sul computer di sviluppo che utilizza un dominio personalizzato.,
Ad esempio, supponiamo che il tuo sito utilizzi una libreria JavaScript di terze partiche funziona solo sul dominio elencatochrome.devtools
. Quindi, si crea una voce nel filehosts
sulla macchina di sviluppo per mappare questo dominiolocalhost
(cioè127.0.0.1 chrome.devtools
). Dopo aver impostato customdomain mapping e port forwarding, sarete in grado di visualizzare il sito sul dispositivo yourAndroid all’URL chrome.devtools
.,
Impostare il port forwarding al server proxy
Per mappare un dominio personalizzato è necessario eseguire un server proxy sulla macchina di sviluppo. Esempi di server proxy sono Charles, Squid e Fiddler.
Per impostare il port forwarding su un proxy:
- Eseguire il server proxy e prendere nota della porta che sta utilizzando. Nota: il server Proxy e il server Web devono essere eseguiti su porte diverse.
- Imposta il port forwarding sul tuo dispositivo Android. Per il campo indirizzo locale, immettere
localhost:
seguito dalla porta su cui è in esecuzione il server proxy., Ad esempio,se è in esecuzione sulla porta8000
, immetterelocalhost:8000
. Nel campo porta dispositivo inserisciil numero su cui vuoi che il tuo dispositivo Android ascolti, ad esempio3333
.
Configura le impostazioni proxy sul tuo dispositivo
Successivamente, devi configurare il tuo dispositivo Android per comunicare con il server proxy.
- Sul tuo dispositivo Android vai su Impostazioni> Wi-Fi.
- Premere a lungo il nome della rete a cui si è attualmente connessi.Nota: le impostazioni proxy si applicano per rete.,
- Tocca Modifica rete.
- Tocca Opzioni avanzate. La visualizzazione delle impostazioni proxy.
- Toccare il menu Proxy e selezionare Manuale.
- Per il campo Nome host Proxy, immettere
localhost
. - Per il campo Porta Proxy, immettere il numero di porta immesso per la porta del dispositivo nella sezione precedente.
- Tocca Salva.
Con queste impostazioni, il dispositivo inoltra tutte le sue richieste al proxy sulla macchina di sviluppo. Il proxy effettua richieste per conto del dispositivo,quindi le richieste al dominio locale personalizzato vengono risolte correttamente.,
Ora è possibile accedere a domini personalizzati sul tuo dispositivo Android Android proprio come youwould sulla macchina di sviluppo.
Se il server web è in esecuzione fuori di una porta non standard,ricordarsi di specificare la porta quando si richiede il contenuto dal vostro Androiddevice. Ad esempio, se il tuo server web utilizza il dominio personalizzatochrome.devtools
sulla porta 7331
, quando visualizzi il sito dal tuo Androiddevice dovresti usare l’URL chrome.devtools:7331
.,
Suggerimento: Per riprendere la navigazione normale, ricordarsi di ripristinare le impostazioni proxy sul dispositivo Android dopo la disconnessione dalla macchina di sviluppo.