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? image

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) image

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:image

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]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]image

Agora basta a outra pessoa acessar o link:image

em seguida irá aparecer a seguinte tela: image

Basta clicar no botão Visit site e pronto, lá estará sua aplciação!

image

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

Sério? passa mais informações, quem sabe posso te ajudar com isso, valeu!

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.

Que massa, essa do vscode eu não sabia, mais uma alternativa, quanto mais, melhor. Vou verificar essa do vscode

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.