Acesso Servidores Locais

Por Kayce Basques
Escritor Técnico, Chrome DevTools & Farol

Por Meggin Kearney
Meggin é um Escritor de Tecnologia

Hospedar um site em uma máquina de desenvolvimento web server, thenaccess o conteúdo de um dispositivo Android.,

com um cabo USB e DevTools Chrome, você pode executar um site a partir de um desenvolvimentmachine e, em seguida, ver o site em um dispositivo Android.

TL;DR

  • port forwarding permite-lhe ver o conteúdo do servidor web da sua máquina de desenvolvimento no seu dispositivo Android.
  • Se o seu servidor web estiver a usar um domínio personalizado, poderá configurar o seu dispositivo Android para aceder ao conteúdo desse domínio com o mapeamento personalizado do domínio.

configure o encaminhamento de portas

o encaminhamento de Portas permite ao seu dispositivo Android aceder ao conteúdo que está a ser instalado no servidor web da sua máquina de desenvolvimento., Port forwarding funciona através da criação de uma porta tcp de escuta em seu dispositivo Android que mapeia para uma porta TCP em sua máquina de desenvolvimento. O tráfego entre as portas viaja através da ligação USBconnection entre o seu dispositivo Android e a máquina de desenvolvimento, para que a ligação não dependa da sua configuração de rede.

para activar o encaminhamento de portas:

  1. configure a depuração remota entre a sua máquina de desenvolvimento e o seu dispositivo Android. Quando você terminar, você deve ver o seu dispositivo Android na lista.
  2. carregue no botão de encaminhamento de portas. localhost:8080 é configurado por padrão.,
  3. Check Enable port forwarding. Se você quiser configurar outros portos, siga os passos 4 e 5. Caso contrário, Saltar para o Passo 6.
  4. no campo de texto do Porto à esquerda, indique o localhost número de porto a partir do qual deseja ter acesso ao site no seu dispositivo Android. Por exemplo, se você queria acessar o site a partir de localhost:5000 você wouldenter 5000.,
  5. no endereço IP e campo de texto do porto à direita, indique o nome do endereço IP ou da máquina em que o seu site está a correr no servidor web da sua máquina de desenvolvimento, seguido do número do Porto. Por exemplo, se o seu site estiver a correr emlocalhost:7331 você iria introduzir localhost:7331.Clique feito.

encaminhamento de Portos está agora configurado. Você pode ver um indicador de Estado do portforward no topo, bem como além do nome do dispositivo.,

Para visualizar o conteúdo, abra o Chrome no seu dispositivo Android e vá para localhost porta que você especificou na porta do Dispositivo de campo. Forexample, if you entered 5000 in the field, then you would go tolocalhost:5000.

Map to custom local domains

Custom domain mapping enables you to view content on an Android devic from a web server on your development machine that is using a custom domain.,

por exemplo, suponha que seu site usa uma biblioteca JavaScript de terceiros que só funciona no domínio listado permitido chrome.devtools. Assim, você createan entrada no seu hosts arquivo em sua máquina de desenvolvimento para mapear este domainto localhost (i.e. 127.0.0.1 chrome.devtools). Depois de configurar o mapeamento personalizado e encaminhamento de portas, você será capaz de ver o site no seu dispositivo Android no URL chrome.devtools.,

configure o encaminhamento de portas para o servidor proxy

para mapear um domínio personalizado, deverá executar um servidor proxy na sua máquina de desenvolvimento. Exemplos de servidores proxy são Charles, Squid e Fiddler.

para configurar o encaminhamento de portas para um ‘proxy’:

  1. execute o servidor ‘proxy’ e repare na porta que está a usar. Nota: o servidor Theproxy e o seu servidor web devem ser executados em diferentes portos.
  2. configure o encaminhamento de portas para o seu dispositivo Android. Para o campo Endereço local, digite localhost: seguido da porta onde o seu servidor proxy está a correr., Por exemplo,se estiver em execução no Porto 8000, então você introduziria localhost:8000. No campo porta do dispositivo digite o número que deseja que o seu dispositivo Android ouça, como 3333.

configurar as opções do ‘proxy’ no seu dispositivo

de seguida, terá de configurar o seu dispositivo Android para se comunicar com o servidor proxy.

  1. no seu dispositivo Android ir para Configurações > Wi-Fi.
  2. Long-pressione o nome da rede a que está ligado de momento.Nota: a configuração do ‘Proxy’ aplica-se por rede.,
  3. toque em Modificar a rede.
  4. toque nas opções avançadas. O ecrã de configuração do ‘proxy’.
  5. Toque no menu ‘Proxy’ e seleccione Manual.
  6. para o campo ‘Proxy hostname’, indique localhost.
  7. para o campo Porto do ‘Proxy’, indique o número de porto que indicou para o porto do ‘fordevice’ na secção anterior.toque em Gravar.com estas configurações, o seu dispositivo encaminha todos os seus pedidos para o proxy da sua máquina de desenvolvimento. O proxy faz pedidos em nome do seu dispositivo,por isso os pedidos para o seu domínio local personalizado são devidamente resolvidos.,

    Agora você pode acessar domínios personalizados em seu Android dispositivo assim como você gostaria na máquina de desenvolvimento.

    Se o seu servidor web estiver a correr fora de um porto não-padrão,lembre-se de indicar o porto ao pedir o conteúdo do seu Androiddevice. Por exemplo, se seu servidor web está usando o domínio personalizadochrome.devtools na porta 7331, quando você visualizar o site da sua Androiddevice você deve estar usando a URL chrome.devtools:7331.,dica: para retomar a navegação normal, lembre-se de reverter a configuração do ‘proxy’ no seu dispositivo Android depois de se desligar da máquina de desenvolvimento.

    Feedback

    esta página foi útil?
    Sim
    qual foi a melhor coisa sobre esta página?
    ajudou-me a completar o(S) Meu (s) objetivo (s)
    obrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.

    teve a informação que eu precisava
    obrigado pelo feedback., Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.

    teve informações precisas
    obrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.

    foi fácil de ler
    obrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.

    algo mais
    obrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.,

    No
    qual foi a pior coisa nesta página?
    não me ajudou a completar o(S) Meu (s) objetivo (s)
    obrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.

    estava faltando informação que eu precisava
    obrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.

    teve informação imprecisa
    obrigado pelo feedback., Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.

    foi difícil ler
    obrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.

    algo mais
    obrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.

Share

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *