Às vezes, você precisará expor um servidor local, em execução no seu computador, à Internet. Isso pode ser útil para testar um aplicativo da Web antes de implantá-lo em um servidor remoto.
Descubra como usar o ngrok, uma ferramenta comum para expor servidores da Web locais à Internet.
Usando ngrok para desenvolvimento da Web local
O ngrok é uma solução de tunelamento para executar servidores da Web locais na Internet desde 2015.
Usando ngrok, você pode criar um URL público que mapeia para seu servidor local, tornando mais fácil para outras pessoas acessarem seus trabalhos de qualquer lugar do mundo. Você pode testar seus aplicativos de diferentes dispositivos e navegadores da Web e solucionar problemas usando os logs de solicitação e resposta do ngrok.
Ao lidar com um túnel público, você pode ter problemas de segurança. O ngrok oferece suporte a túneis seguros com criptografia SSL, tornando-o seguro para uso de dados e aplicativos confidenciais. Todos esses recursos tornaram o ngrok uma ferramenta valiosa e popular para desenvolvedores que trabalham em um projeto pessoal ou colaboram com outras pessoas.
Instalando o ngrok em seu computador
A introdução aos recursos principais do ngrok é totalmente gratuita e muito direta. Embora exista uma versão paga do ngrok que oferece mais recursos. Vamos aprender como instalar e configurar o ngrok em seu computador.
Para instalar o ngrok no seu computador, acesse o site oficial página de download do ngrok.
Em seguida, você deve fazer o download do ngrok para o seu sistema operacional (sistema operacional) específico baixando o ZIP e extraindo-o ou instalá-lo usando um gerenciador de pacotes como Chocolatey ou Homebrew.
Para instalar o ngrok com Chocolatey ou Homebrew no Windows e macOS, você precisará ter um gerenciador de pacotes instalado.
Para instalar o Chocolatey no Windows, execute este comando dentro do administrador do Windows PowerShell:
Set-ExecutionPolicy Bypass -Scope Process -Force; [Sistema. Líquido. ServicePointManager]::SecurityProtocol = [System. Líquido. ServicePointManager]::SecurityProtocol -bor 3072; iex ((Novo-Sistema de objetos. Líquido. WebClient).DownloadString(' https://community.chocolatey.org/install.ps1'))
Para instalar o Homebrew no macOS, execute este comando no seu terminal:
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/instalar/CABEÇA/install.sh)"
Agora você tem os gerenciadores de pacotes apropriados e pode instalar o ngrok em seu computador usando qualquer um deles.
Criando um novo túnel ngrok local com sua conta
Para criar um túnel ngrok para expor seu servidor local, você precisará se inscrever para uma conta ngrok e criar um token de autenticação.
Passo 1: Inscreva-se
Dirigir a página de inscrição do ngrok, preencha o formulário com os dados solicitados e clique em Inscrever-se.
Etapa 2: adicionar token à configuração
Agora que você tem uma conta, precisará adicionar seu token de autenticação gerado automaticamente ao ngrok.yml arquivo de configuração. Este token é exclusivo da sua conta, então você deve mantê-lo seguro. Para adicionar o token de autenticação, navegue até o Seu token de autenticação página na barra de navegação lateral.
Você pode copiar seu token de autenticação e executar o comando demonstrado em seu terminal para definir o arquivo de configuração:
ngrok config add-authtoken YOUR_AUTH_TOKEN
Etapa 3: execute o ngrok
Depois de concluir as etapas anteriores, você pode criar um túnel ngrok para executar seu servidor.
Para fazer isso, execute o seguinte comando com um número de porta preferencial.
Por exemplo:
ngrok http 3000
Agora você tem um túnel ngrok local em execução no seu computador.
Lidando com problemas comuns de configuração
- Restrições de firewall: Se o seu computador está atrás de um firewall, pode ser necessário ajustar suas configurações para permitir que o ngrok se conecte à Internet.
- Token de autenticação incorreto: se você inserir o token de autenticação errado ao iniciar o ngrok, poderá receber uma mensagem de erro indicando que seu token é inválido. Confirme seu token ou redefina o token no site clicando no botão Redefinir token de autenticação botão.
- Permissão negada: se você receber um erro de “permissão negada” ao iniciar o ngrok, talvez seja necessário executar o comando ngrok como administrador ou com privilégios elevados.
Os benefícios de usar o ngrok para desenvolvimento local da Web
Esteja você trabalhando em um projeto pessoal ou colaborando com uma equipe, o ngrok é valioso em seu kit de ferramentas de desenvolvimento web. Sua compatibilidade com várias plataformas e linguagens de programação o torna adequado para testes de aplicativos da Web, colaboração ou projetos de demonstração para clientes.