Como compartilhar compatilhar o seu localhost
Alguma vez na vida você quis compartilhar seu projeto com outras pessoas e não tinha uma VPS ou hospedagem para fazer isso, ou pior fez como o Jimmy?
Seus problemas acabaram rs!
Para compartilhar seu "Localhost" com outras pessoas é bastante simples.
Primeiro, vamos instalar o Ngrok na sua máquina.
você pode escolher a versão de acordo com seu sistema operacional aqui: Ngrok
ou instalar no linux via terminal, basta usar o seguinte comando:
curl -s https://ngrok-agent.s3.amazonaws.com/ngrok.asc | sudo tee /etc/apt/trusted.gpg.d/ngrok.asc >/dev/null && echo "deb https://ngrok-agent.s3.amazonaws.com buster main" | sudo tee /etc/apt/sources.list.d/ngrok.list && sudo apt update && sudo apt install ngrok
segundo, vocÊ precisa criar uma conta na Ngrok e fazer login [Aqui] (https://dashboard.ngrok.com/signup)
Após o login você terá a seguinte tela, onde só é necessário copiar e colar o comando de configuração em seu terminal para autenticar sua conta no ngrok:
agora vamos navegar até o projeto que desejamos compartilhar:
cd myproject
no meu caso, eu estarei utilizando um projeto node.js como exemplo.
estando na raiz do projeto, basta você executar o seguinte comando(com o projeto já rodando):
ngrok http localhost/{{porta_da_sua_aplicacao}}
o resultado será algo como: ![image]
O ngrok irá gerar um link temporário que fará o reencaminhamento para a sua aplicação, basta copiá-lo e enviá-lo para aqueles que você deseja compartilhar, conforme a imagem abaixo:![image]
Agora basta a outra pessoa acessar o link:
em seguida irá aparecer a seguinte tela:
Basta clicar no botão Visit site
e pronto, lá estará sua aplciação!
E é isso, Espero ter ajudado!
tento usar o ngrok, mas sempre me deparo com o mesmo problema de CORS, mesmo com minhas aplicações node configuradas. O CORS continua causando erros, conheci o Localtunnel que também é útil mas fica caindo a aplicação as vezes
Eu precisei fazer isso para testar um webhook e preferi usar o localhost.run. Achei mais simples que ferramentas como o ngrok, que precisa instalar coisa.
Além disso, hoje descobri que o VSCode agora tem essa funcionalidade nativamente. Eu achei fantástico. Testei rápido e curti. O interessante também é que dá deixar o endereço disponivel na internet, mas ainda colocar o modo privado, autenticando pelo github pra acessar a página.
Dá pra fazer o mesmo direto do VSCode também e pelo que testei é bem fácil e seguro. Recomendo testar! https://code.visualstudio.com/docs/editor/port-forwarding
Muito útil. Uma alternativa ao Cloudflare Zero Trust.