Aceder a servidores locais

Aloje um site num servidor Web de máquina de desenvolvimento e, em seguida, aceda ao conteúdo a partir de um dispositivo Android.

O reencaminhamento de portas permite-lhe ver conteúdos alojados pelo servidor Web em execução no seu computador de desenvolvimento no seu dispositivo Android.

Se o servidor Web estiver a utilizar um domínio personalizado, configure o seu dispositivo Android para aceder ao conteúdo nesse domínio com mapeamento de domínio personalizado.

Com um cabo USB e o Microsoft Edge DevTools, execute um site a partir de uma máquina de desenvolvimento e, em seguida, veja o site num dispositivo Android.

Configurar o reencaminhamento de portas

O reencaminhamento de portas permite que o seu dispositivo Android aceda a conteúdos que estão a ser alojados no servidor Web em execução no seu computador de desenvolvimento. O reencaminhamento de portas funciona ao criar uma porta TCP de escuta no seu dispositivo Android que mapeia para uma porta TCP no seu computador de desenvolvimento.

O tráfego entre as portas percorre a ligação USB entre o dispositivo Android e o computador de desenvolvimento, pelo que a ligação não depende da configuração da rede.

Para ativar o reencaminhamento de portas:

1. Configure a depuração remota entre o seu computador de desenvolvimento e o seu dispositivo Android. Quando tiver terminado, o seu dispositivo Android deverá ser apresentado no menu esquerdo da caixa de diálogo Inspecionar Dispositivos e num indicador de status Ligado.

2. Na caixa de diálogo Inspecionar Dispositivos em DevTools, ative Reencaminhamento de portas.

3. Clique em Adicionar regra.

   

4. Na caixa de texto Porta do dispositivo à esquerda, introduza o localhost número da porta a partir do qual pretende conseguir aceder ao site no seu dispositivo Android. Por exemplo, se quiser aceder ao site a partir de localhost:5000 introduza 5000.

5. Na caixa de texto Endereço local à direita, introduza o endereço IP ou o nome do anfitrião no qual o site está alojado no servidor Web em execução no seu computador de desenvolvimento, seguido do número da porta. Por exemplo, se o site estiver em execução ao localhost:7331 introduzir localhost:7331.

6. Clique em Adicionar.

O reencaminhamento de portas está agora configurado.

Pode ver o indicador de status para a porta reencaminhada na parte superior, bem como ao lado do nome do dispositivo. O indicador para o reencaminhamento de portas encontra-se no separador no seu dispositivo na caixa de diálogo Inspecionar Dispositivos .

Para ver o conteúdo, abra o Microsoft Edge no seu dispositivo Android e aceda à localhost porta que especificou no campo Porta do dispositivo. Por exemplo, se tiver introduzido 5000 no campo, visite localhost:5000.

Mapear para domínios locais personalizados

O mapeamento de domínio personalizado permite-lhe ver conteúdos num dispositivo Android a partir de um servidor Web no seu computador de desenvolvimento que está a utilizar um domínio personalizado.

Por exemplo, suponha que o seu site utiliza uma biblioteca JavaScript de terceiros que só funciona no domínio microsoft-edge.devtools. Por isso, crie uma entrada no seu hosts ficheiro no seu computador de desenvolvimento para mapear este domínio para localhost (por exemplo, 127.0.0.1 microsoft-edge.devtools). Depois de configurar o mapeamento de domínio personalizado e o reencaminhamento de portas, veja o site no seu dispositivo Android no URL microsoft-edge.devtools.

Configurar o reencaminhamento de portas para o servidor proxy

Para mapear um domínio personalizado, tem de executar um servidor proxy no seu computador de desenvolvimento. Exemplos de servidores proxy são Charles, Squid e Fiddler.

Para configurar o reencaminhamento de portas para um proxy:

1. Execute o servidor proxy e registe a porta que está a utilizar.

   Observação

   O servidor proxy e o servidor Web têm de ser executados em portas diferentes.

2. Configure o reencaminhamento de portas para o seu dispositivo Android. Para o campo de endereço local , introduza localhost: seguido da porta na qual o servidor proxy está a ser executado. Por exemplo, se estiver em execução na porta 8000, aceda a localhost:8000. No campo porta do dispositivo , introduza o número que pretende que o seu dispositivo Android ouça, como 3333.

Configurar as definições de proxy no seu dispositivo

Em seguida, tem de configurar o seu dispositivo Android para comunicar com o servidor proxy.

1. No seu dispositivo Android, navegue paraWi-Fide Definições>.

2. Prima sem soltar o nome da rede à qual está atualmente ligado.

   Observação

   As definições de proxy aplicam-se por rede.

3. Clique em Modificar rede.

4. Clique em Opções avançadas. As definições de proxy são apresentadas.

5. Clique no menu Proxy e, em seguida, selecione Manual.

6. Para o campo Nome do anfitrião do proxy , introduza localhost.

7. Para o campo Porta de proxy , introduza o número de porta que introduziu para a porta do dispositivo na secção anterior.

8. Clique em Salvar.

Com estas definições, o dispositivo reencaminha todos os respetivos pedidos para o proxy no seu computador de desenvolvimento. O proxy faz pedidos em nome do seu dispositivo, pelo que os pedidos ao seu domínio local personalizado são devidamente resolvidos.

Agora, aceda a domínios personalizados no seu dispositivo Android, tal como no computador de desenvolvimento.

Se o servidor Web estiver a ser executado a partir de uma porta não padrão, lembre-se de especificar a porta ao pedir o conteúdo do seu dispositivo Android. Por exemplo, se o servidor Web estiver a utilizar o domínio microsoft-edge.devtools personalizado na porta 7331, quando vir o site a partir do seu dispositivo Android, deverá utilizar o URL microsoft-edge.devtools:7331.

Dica

Para retomar a navegação normal, lembre-se de reverter as definições de proxy no seu dispositivo Android depois de desligar do computador de desenvolvimento.

Observação

Partes desta página são modificações baseadas no trabalho criado e partilhado pela Google e utilizado de acordo com os termos descritos na Licença Internacional Creative Commons Attribution 4.0. A página original é encontrada aqui e é da autoria de Kayce Bascos e Meggin Kearney.

Este trabalho é licenciado ao abrigo de uma Licença Internacional creative Commons Attribution 4.0.