Como validar o seu servidor local

Depois de executar um relatório de validação do site usando o Rocket Validator, é hora de corrigir esses problemas!

Munido do seu relatório de validação, pode escolher diferentes caminhos para corrigir os problemas de HTML e acessibilidade encontrados. Pode trabalhar numa página web de cada vez, ou pode usar os separadores de problemas comuns e corrigir várias páginas web afetadas de uma só vez.

Qualquer que seja o caminho que escolha, vai voltar a verificar essas páginas web depois de as ter alterado, para garantir que os problemas encontrados desapareceram. Se precisar de reimplementar o seu site após essas alterações, pode demorar muito tempo! Mas há uma abordagem mais rápida - validar diretamente o seu servidor local.

O Rocket Validator pode validar o seu servidor local, tudo o que precisa de fazer é fornecer um URL público, para que possa aceder às suas páginas web. Isto parece complicado, mas na prática é fácil de configurar, usando um serviço de túnel.

Foto de Jakob Søby no Unsplash

O que é um serviço de túnel?

Um serviço de túnel é uma ferramenta que lhe permite aceder a um servidor web ou aplicação em execução no seu computador local a partir da internet.

Normalmente, quando executa um servidor web ou aplicação no seu computador, só pode ser acedido a partir de outros dispositivos na mesma rede local. No entanto, com um serviço de túnel, pode criar uma conexão segura entre o seu computador e a internet, permitindo-lhe aceder ao seu servidor web ou aplicação de qualquer lugar do mundo.

O serviço de túnel funciona criando um URL público que redireciona o tráfego da internet para a rede local do seu computador. Quando inicia o serviço de túnel, ele irá gerar um URL único que pode partilhar com outros, e quando visitam esse URL, o serviço irá redirecionar o tráfego para o servidor local do seu computador.

Isto pode ser especialmente útil para fins de teste e desenvolvimento, pois permite-lhe partilhar rapidamente e facilmente o seu trabalho com outros sem ter de implementá-lo num servidor público. No nosso caso, usar um serviço de túnel é perfeito para validar as alterações nos nossos sites diretamente a partir do nosso servidor de desenvolvimento local.

Configurar o seu servidor

É provável que já esteja a executar um servidor de desenvolvimento para construir os seus sites web. Se está a usar uma framework como Ruby on Rails, Phoenix, Express, Django ou Laravel, ou um CMS como Wordpress ou Drupal, está a usar um servidor.

Tudo o que precisa de saber para obter um URL público para o seu servidor é a porta em que está a executar. Por exemplo, o Rails por defeito usa a porta 3000, e o Phoenix usa a porta 4000.

Se não está a executar um servidor, por exemplo quando apenas tem uma pasta local com ficheiros estáticos no seu disco rígido, pode facilmente executar um servidor web para servir esses ficheiros estáticos usando serve.

Pode instalar o serve com uma linha:

npm install --global serve

Uma vez instalado, pode executar este comando dentro do diretório do seu projeto com:

serve

E isto irá executar um servidor na porta 3000. Execute serve --help para uma lista de outras opções.

Abrir um túnel público para o seu servidor local

Uma vez que tenha um servidor de desenvolvimento em execução e conheça o número da sua porta, só precisa de configurar um túnel para obter um URL público.

Há muitos serviços de túnel que pode usar, com diferentes opções, mas adoramos o localtunnel porque é open source, não requer registo, e permite-lhe usar subdomínios gratuitamente.

Instale-o com:

npm install -g localtunnel

E lance o seu túnel local com o comando lt, indicando a porta onde o seu servidor está a executar:

lt --port 3000 

Isto irá criar um URL aleatório para você - recomendamos usar a opção –subdomain para definir um subdomínio personalizado para o seu site, assim:

lt --port 3000 --subdomain example

É tudo o que precisa!

Agora pode usar o seu URL público (no exemplo acima, seria https://example.loca.lt) para validar o seu servidor de desenvolvimento com o Rocket Validator.

À medida que vai corrigindo os seus problemas, só precisa de voltar a verificar do Rocket Validator sem a necessidade de reimplementar as suas alterações. Graças ao serviço de túnel, as suas modificações já estão ao vivo na internet!

Outros fornecedores de túnel

Adoramos o localtunnel, mas há muitos outros serviços de túnel que pode usar:

• ngrok
• boringproxy
• Telebit
• tunnel.pyjam.as
• Expose
• TunnelTo.dev
• PageKite
• Zrok
• Remotemoe
• Loophole
• Localhost.run
• KubeSail
• LocaltoNet
• Cloudflare Tunnel

Como o Rocket Validator ignora o aviso do navegador em alguns serviços

Alguns serviços de túnel como o ngrok e o localtunnel tomam uma medida simples para prevenir abuso de atores maliciosos que de outra forma usariam túneis para realizar ataques de spam, spoofing e phishing. Para prevenir isto, estes serviços de túnel mostram uma página intersticial - uma página web de aviso para informar os visitantes de que a página que estão prestes a visitar é tunelizada e deve ser tratada com cuidado:

Esta página intersticial é mostrada apenas uma vez, depois de o visitante clicar em “Visit Site” a página intersticial desaparece. No entanto, isto interferiria com a verificação feita pelo Rocket Validator, por isso usamos automaticamente uma das opções fornecidas por eles: quando detetamos que o URL a ser validado corresponde a um serviço de túnel, usamos uma string User Agent personalizada não semelhante a navegador para evitar essa página intersticial.