Como acessar o localhost remotamente com ngrok (guia 2025)

Fala, dev! Tudo certo?

Se você já precisou compartilhar seu localhost com alguém ou testar uma aplicação local em outro dispositivo (como um celular), sabe como isso pode ser complicado.

Neste artigo, vou te mostrar uma forma simples, segura e gratuita de expor seu ambiente local na internet usando o ngrok.

🔍 O que é o ngrok?

O ngrok é uma ferramenta que cria um túnel seguro entre seu servidor local e a internet. Com isso, é possível acessar sua aplicação rodando localmente a partir de qualquer lugar do mundo, por meio de um link público.

💡 Útil para:

• Testar aplicações em dispositivos móveis
• Fazer demonstrações ao vivo
• Testar webhooks de APIs externas (Stripe, WhatsApp, etc)
• Compartilhar projetos com colegas e clientes

🛠️ Principais Recursos do ngrok

✨ HTTPS automático
Links públicos com certificado SSL, sem nenhuma configuração extra.

📡 Inspeção de requisições
Monitore requisições HTTP recebidas em tempo real.

🔐 Proteção por senha
Impeça acessos indesejados com autenticação simples.

🔄 Integração com webhooks e APIs
Simule chamadas externas com facilidade.

▶️ Como Usar o ngrok

1. Instale o ngrok

Acesse o site oficial e baixe a versão para o seu sistema:

👉 https://ngrok.com

Após baixar, extraia o binário e mova para um diretório acessível via terminal (como /usr/local/bin no macOS/Linux).

2. (Opcional) Autentique sua conta

ngrok config add-authtoken SEU_TOKEN

Você encontra seu token no painel do ngrok, após criar uma conta gratuita.

3. Inicie o túnel

Se sua aplicação estiver rodando na porta 3000:

ngrok http 3000

Pronto! O ngrok vai gerar algo como:

Forwarding  https://abcd1234.ngrok.io -> http://localhost:3000

Esse link pode ser acessado de qualquer lugar!

📺 Vídeo Tutorial Completo

Se quiser ver o passo a passo na prática, gravei um vídeo com tudo que você precisa:

✅ Conclusão

Com o ngrok, você consegue transformar seu ambiente local em um servidor acessível globalmente em questão de segundos.

🔗 Ideal para:

• Apresentações
• Testes rápidos
• Desenvolvimento colaborativo
• Integração com APIs externas

💬 Curtiu o conteúdo?

Se inscreve no canal, deixa o like e compartilha com aquele amigo dev que vive sofrendo com o localhost! 😄

Nos vemos no próximo post!