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:
- 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.
- carregue no botão de encaminhamento de portas.
localhost:8080
é configurado por padrão., - Check Enable port forwarding. Se você quiser configurar outros portos, siga os passos 4 e 5. Caso contrário, Saltar para o Passo 6.
- 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 delocalhost:5000
você wouldenter5000
., - 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 em
localhost:7331
você iria introduzirlocalhost: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’:
- 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.
- 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 Porto8000
, então você introduzirialocalhost:8000
. No campo porta do dispositivo digite o número que deseja que o seu dispositivo Android ouça, como3333
.
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.
- no seu dispositivo Android ir para Configurações > Wi-Fi.
- Long-pressione o nome da rede a que está ligado de momento.Nota: a configuração do ‘Proxy’ aplica-se por rede.,
- toque em Modificar a rede.
- toque nas opções avançadas. O ecrã de configuração do ‘proxy’.
- Toque no menu ‘Proxy’ e seleccione Manual.
- para o campo ‘Proxy hostname’, indique
localhost
. - 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 personalizado
chrome.devtools
na porta7331
, quando você visualizar o site da sua Androiddevice você deve estar usando a URLchrome.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?Simqual 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 precisavaobrigado pelo feedback., Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.teve informações precisasobrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.foi fácil de lerobrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.algo maisobrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.,Noqual 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 precisavaobrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.teve informação imprecisaobrigado pelo feedback., Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.foi difícil lerobrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.algo maisobrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.