Accesso Locale Server

Da Kayce Baschi
Technical Writer, Chrome DevTools & Faro

Da Meggin Kearney
Meggin è uno Scrittore tecnico

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:

  1. Impostare il debug remoto tra la macchina di sviluppo e il dispositivo yourAndroid. Quando hai finito, dovresti vedere il tuo dispositivo Android nell’elenco.
  2. Fare clic sul pulsante Port forwarding. localhost:8080 è impostato per impostazione predefinita.,
  3. Seleziona Abilita il port forwarding. Se si desidera impostare altre porte, seguirei passaggi 4 e 5. Altrimenti vai al passaggio 6.
  4. Nel campo di testo della porta a sinistra, inserisci illocalhost numero di porta dache vuoi essere in grado di accedere al sito sul tuo dispositivo Android. Ad esempio, se si desidera accedere al sito da localhost:5000 inserire 5000.,
  5. 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 sulocalhost:7331 devi inserire localhost:7331.
  6. 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 5000nel 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:

  1. 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.
  2. 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 porta 8000, immettere localhost:8000. Nel campo porta dispositivo inserisciil numero su cui vuoi che il tuo dispositivo Android ascolti, ad esempio 3333.

Configura le impostazioni proxy sul tuo dispositivo

Successivamente, devi configurare il tuo dispositivo Android per comunicare con il server proxy.

  1. Sul tuo dispositivo Android vai su Impostazioni> Wi-Fi.
  2. Premere a lungo il nome della rete a cui si è attualmente connessi.Nota: le impostazioni proxy si applicano per rete.,
  3. Tocca Modifica rete.
  4. Tocca Opzioni avanzate. La visualizzazione delle impostazioni proxy.
  5. Toccare il menu Proxy e selezionare Manuale.
  6. Per il campo Nome host Proxy, immettere localhost.
  7. Per il campo Porta Proxy, immettere il numero di porta immesso per la porta del dispositivo nella sezione precedente.
  8. 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.

Feedback

Questa pagina è stata utile?
Qual è stata la cosa migliore di questa pagina?
Mi ha aiutato a completare il mio obiettivo(s)
Grazie per il feedback. Se hai idee specifiche su come migliorare questa pagina, crea un problema.

Aveva le informazioni di cui avevo bisogno
Grazie per il feedback., Se hai idee specifiche su come migliorare questa pagina, crea un problema.

Aveva informazioni accurate
Grazie per il feedback. Se hai idee specifiche su come migliorare questa pagina, crea un problema.

E ‘ stato facile da leggere
Grazie per il feedback. Se hai idee specifiche su come migliorare questa pagina, crea un problema.

Qualcos’altro
Grazie per il feedback. Se hai idee specifiche su come migliorare questa pagina, crea un problema.,

No
Qual è stata la cosa peggiore di questa pagina?
Non mi ha aiutato a completare i miei obiettivi
Grazie per il feedback. Se hai idee specifiche su come migliorare questa pagina, crea un problema.

Mancavano le informazioni di cui avevo bisogno
Grazie per il feedback. Se hai idee specifiche su come migliorare questa pagina, crea un problema.

Aveva informazioni imprecise
Grazie per il feedback., Se hai idee specifiche su come migliorare questa pagina, crea un problema.

E ‘ stato difficile da leggere
Grazie per il feedback. Se hai idee specifiche su come migliorare questa pagina, crea un problema.

Qualcos’altro
Grazie per il feedback. Se hai idee specifiche su come migliorare questa pagina, crea un problema.

Share

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *