As seguintes instruções servem para navegar em seu site criado pela DevKinsta em outro dispositivo da mesma rede.
Notas importantes:
- Este tutorial inclui tópicos avançados, incluindo a edição de regras e configuração de firewall. Se você não estiver confortável fazendo estas mudanças ou tiver qualquer problema para carregar seu site local, recomendamos trabalhar com um desenvolvedor ou um profissional de TI para configurar isto.
- Todos os dispositivos envolvidos devem estar conectados à mesma rede privada.
- Para dispositivos móveis, isso funcionará apenas em um site por vez.
- Exceções de Network Firewall para as portas HTTP/HTTPS (geralmente 80/443) podem precisar ser feitas na máquina host.
Encontre o endereço IP da rede do dispositivo host
Você pode encontrar o endereço IP do dispositivo host usando vários métodos.
Abrir este endereço IP em seu navegador em qualquer dispositivo da rede deve carregar uma página “404 Not Found” do Nginx.
Se o site não carregar, provavelmente há um firewall bloqueando o acesso ao HTTP/HTTPS. Neste caso, novas regras de firewall precisarão ser adicionadas para abrir as portas. Aqui estão links para instruções sobre como fazer isso no Windows, macOS e Ubuntu:
- Como abrir uma porta no Firewall do Windows
- Definir acesso de firewall para serviços e aplicativos (macOS)
- Habilitar ou bloquear o acesso ao firewall (Ubuntu)
Opção 1: Desktops e roteadores
Acessar seus sites do DevKinsta de outro desktop/laptop requer que você mapeie seus hostname para o endereço IP da rede encontrado durante a etapa anterior. Por exemplo, se o hostname de um de seus sites for mysite.local, você precisará editar o arquivo hosts para apontar esse hostname para o endereço IP correto:
192.168.1.7 mysite.local
Para mais detalhes sobre como editar o arquivo hosts, consulte um dos seguintes guias:
Você pode apontar mais de um hostname para o IP do host do DevKinsta ao usar esta opção.
Dependendo de suas capacidades/configurações, você também pode editar os hosts em seu roteador de rede para permitir que todos os dispositivos mapeiem os hostname corretamente.
Opção 2: Dispositivos móveis
Se você não conseguir editar as configurações de host do seu dispositivo/roteador, precisará acessar seu site do DevKinsta usando o endereço IP do dispositivo hospedeiro.
1. Decida qual site você gostaria de acessar e abra seu arquivo .conf do Nginx (nomedosite.conf) em ~/DevKinsta/nginx_sites
2. Adicione localhost à linha server_name:
server_name localhost wordpress.local *.wordpress.local;
3. Após salvar o arquivo de configuração, reinicie o contêiner devkinsta_nginx, seja através do Docker Desktop ou usando a linha de comando:
docker container restart devkinsta_nginx
Agora você deve conseguir acessar seu site hospedado localmente a partir de um dispositivo móvel na mesma rede usando o endereço IP do host do DevKinsta. Se você quiser apontar para um site diferente, remova localhost do arquivo .conf onde você o adicionou e adicione ao arquivo .conf do site diferente usando as etapas acima.
Atualização do wp-config.php para permitir a navegação normal usando o endereço IP
Uma vez carregada a página, você pode notar folhas de estilo (stylesheets)/ativos quebrados ou que não funcionam. Isto é devido ao acesso ao site com o endereço IP ao invés do domínio .local. Uma maneira rápida de contornar, isto é, adicionando o seguinte trecho no arquivo wp-config.php do seu site acima da linha “That’s all, stop editing”:
define( 'WP_HOME', 'https://'.$_SERVER['HTTP_HOST'] );
define( 'WP_SITEURL', 'https://'.$_SERVER['HTTP_HOST'] );Em cada valor, você pode substituir https por http se necessário, dependendo de como seu ambiente de desenvolvimento local está configurado. Lembre-se que se você tentar acessar o endereço IP usando HTTPS, o site aparecerá como inseguro.
Agora, os estilos e ativos do seu site devem funcionar como esperado ao visualizar o site em um dispositivo móvel na mesma rede.
