Encaminhar portas no seu código

Você pode encaminhar portas no seu código para testar e depurar seu aplicativo.

Codespaces is available for organizations using GitHub Team or GitHub Enterprise Cloud. Para obter mais informações, consulte os "produtos do GitHub".

Sobre as portas encaminhadas

O redirecionamento de porta dá acesso a portas TCP que estão em execução no seu codespace. Por exemplo, se você estiver executando um aplicativo web na porta 4000, você poderá acessá-lo a partir do seu navegador para testar e depurar o aplicativo.

Quando um aplicativo que se executa dentro de um codespace tem uma saída na porta para o console, o Codespaces detecta o padrão do URL do host local e encaminha a porta automaticamente. Você pode clicar na URL no terminal para abrir a porta em um navegador. Por exemplo, se um aplicativo gerar http://127.0.0.:4000 ou http://localhost:4000 para o console, o registro irá converter automaticamente a saída em uma URL para a porta 4000 em que se pode clicar.

Encaminhamento de porta automático

Você também pode encaminhar uma porta manualmente, etiquetar as portas encaminhadas, compartilhar as portas encaminhadas publicamente e adicionar as portas encaminhadas à configuração do codespace.

Encaminhar uma porta

Você pode encaminhar manualmente uma porta que não foi encaminhada automaticamente.

  1. No seu codespace, embaixo do editor de texto, clique em "Portas". Aba Portas
  2. Na lista de portas, clique em Adicionar porta. Botão adicionar porta
  3. Digite o número da porta ou endereço e, em seguida, pressione enter. Caixa de texto para o botão digitar porta

Etiquetar uma porta

Você pode etiquetar uma porta para tornar a porta mais facilmente identificável em uma lista.

  1. No seu codespace, embaixo do editor de texto, clique em "Portas". Aba Portas
  2. Passe o mouse sobre a porta que você deseja etiquetar, em seguida, clique no ícone da etiqueta. Ícone da etiqueta para a porta
  3. Digite uma etiqueta para a sua porta e pressione enter. Caixa de texto para digitar a etiqueta para porta

Compartilhar uma porta

If you want to share a forwarded port with others, you need to make the port public. Após tornar uma porta pública, qualquer pessoa com a URL da porta poderá ver o aplicativo em execução sem precisar efetuar a autenticação.

  1. No seu codespace, embaixo do editor de texto, clique em "Portas". Aba Portas
  2. Clique com o botão direito na porta que você deseja compartilhar e clique em Tornar pública. Opção para tornar a porta pública no menu com o clique com o botão direito
  3. À direita do endereço local para a porta, clique no ícone copiar. Copiar ícone para o URL de porta
  4. Envie a URL copiada para a pessoa com quem você deseja compartilhar a porta.

Adicionar uma porta à configuração do código

É possível adicionar uma porta encaminhada para a configuração Codespaces do repositório para que a porta seja automaticamente encaminhada para todos os códigos criados a partir do repositório. Depois de atualizar a configuração, todos os codespaces criados anteriormente deverão ser reconstruídos para que a alteração seja aplicada. Para obter mais informações, consulte "Configurar o Codespaces para seu projeto".

Você pode configurar manualmente as portas encaminhadas em um arquivo .devcontainer.json usando a propriedade forwardPorts ou você pode usar o painel "Portas" no seu codespace.

  1. No seu codespace, embaixo do editor de texto, clique em "Portas". Aba Portas
  2. Clique com o botão direito na porta que você deseja adicionar à configuração do codespace e, em seguida, clique em Definir etiqueta e atualizar devcontainer.json. Opção para definir a etiqueta e adicionar a porta ao devcontainer.json no menu com o clique no botão direito
  3. Digite uma etiqueta para a sua porta e pressione enter. Caixa de texto para digitar a etiqueta para porta

Esse documento ajudou você?

Política de Privacidade

Ajude-nos a tornar esses documentos ótimos!

Todos os documentos do GitHub são de código aberto. Você percebeu que algo que está errado ou não está claro? Envie um pull request.

Faça uma contribuição

Ou, aprenda como contribuir.