Pular para o conteúdo principal

Como acessar o vscode via internet

Existem algumas opções para acessar o Visual Studio Code (VS Code) via HTTPS.

Normalmente isto envolve o uso do Visual Studio Code Server ou de um ambiente de desenvolvimento remoto como GitHub Codespaces, 

Vou mostrar abaixo duas maneiras de configurar e acessar o VS Code via web:


Método 1: Codespaces GitHub

  1. Inscreva-se e configure: certifique-se de ter uma conta no GitHub e acesso ao GitHub Codespaces.
  2. Crie um espaço de código (codespace).
  3. Navegue até o repositório que você deseja trabalhar.
  4. Clique no botão Code e selecione Open with Codespaces.
  5. Siga as instruções para criar um novo Codespace.

Depois que o Codespace é criado, ele é aberto em uma guia do seu navegador, e fornece um ambiente VS Code acessível via HTTPS.


Método 2: Transforme seu computador em um servidor vscode (Self-Hosted VS Code Server)

Para hospedar sua própria instância do VS Code acessível via web, você pode usar o code-server do Coder. Mais informações podem ser achadas aqui.

Se você utiliza Ubuntu, a instalação é super simples. Basta utilizar o script de instalação (veja mais aqui) denominado install.sh, que automatiza a maior parte do processo. O script usa o gerenciador de pacotes do sistema para fazer a instalação dos pacotes necessários.

A instalação é feita baixando e rodando o script com a linha de comando abaixo:

curl -fsSL https://code-server.dev/install.sh | sh

Com isto você poderá acessar o vscode via web utilizando o endereço http://127.0.0.1:8080.


A configuração está no arquivo $HOME/.config/code-server/config.yaml, como mostrado abaixo:

h3dema@station01:~$ cat $HOME/.config/code-server/config.yaml
bind-addr: 127.0.0.1:8080
auth: password
password: suasenhaaqui
cert: false


Note que você pode permitir o acesso a outras interfaces de rede. Por exemplo se quiser que o vscode seja acessível por todas as interfaces altera bind-addr para:

bind-addr: 0.0.0.0:8080


É necessário uma senha para acessar o vscode. Esta senha está no campo password deste arquivo de configuração. Inicialmente este campo contém um valor aleatório, que você pode trocar para outro valor que você ache melhor, como por exemplo:

password: suasenhaaqui


O método recomendado de acesso é via SSH forward, assim o usuário é autenticado pelo SSH server para fazer o acesso web. Contudo você pode habilitar, https e confiar somente na senha de acesso. Recomendo você só faça isto em uma rede privada, com controle estrito dos usuários que tem acesso a ela. Mas se você decidiu mesmo fazer isto, tem algumas configurações adicionais:

Você precisa alterar a linha "cert: false" no arquivo de configuração do code-server para

cert: true
Altere ainda a porta de acesso:
bind-addr: 0.0.0.0:443

Permita que o code-server escute a porta 443:
sudo setcap cap_net_bind_service=+ep /usr/lib/code-server/lib/node

Reinicie o code-server:
sudo systemctl restart code-server@$USER

Pronto você agora pode acessar o vscode usando o endereço IP (ou o nome da sua estação). No meu caso, posso acessar utilizando https://station01 como indicado abaixo. Note que como o certificado é auto-assinado, o navegador indica navegação não segura 😓.












Comentários

Postar um comentário

Postagens mais visitadas deste blog

Como colocar o PyCharm no launcher do Ubuntu

Atualizei recentemente meu pycharm para a versão 2018.1. A atualização basicamente consiste em baixar do site da Jetbrains  dedicado ao PyCharm, e depois do download basta descompactar e mover o diretório criado para você você achar mais adequado. No meu caso está em ~/bin/pycharm. Para rodar o pycharm é só executar o script pycharm.sh que está no diretório bin dentro do diretório do pycharm, isto é, no meu caso ~/bin/pycharm/bin/pycharm.sh. Eu queria ter o ícone do pycharm no launcher (aquela barra lateral do Ubuntu) para ficar mais fácil chamá-lo. O PyCharm pode criar seu próprio ícone de lançador, contudo ele não é cria por padrão. A gente tem que executar alguns comandos: 1) Comece chamando o PyCharm em um terminal. 2) No menu Ferramentas, selecione "Criar entrada da área de trabalho ..." 3) Se você já tem o PyCharm, ele irá perguntar se você quer reaproveitar as configurações da versão anterior: 4) Marque a caixa correspondente, se você quiser o lanç...
Postar um comentário
Leia mais

Configurar a ação do Ubuntu 20 ao fechar a tela do notebook

Este post mostra como alterar a ação quando a tampa do laptop é fechada no Ubuntu 20.04 - por exemplo, desligar, hibernar, não fazer nada ou travar a tela. A ação padrão do Ubuntu é suspender a atividade do notebook. Até onde eu sei, até o momento deste post não existe uma opção gráfica para fazer esta configuração, portanto você precisa editar o arquivo logind.conf para alterar a ação. Esta configuração deve funcionar em instalações tipo desktop ou servidor do Ubuntu. Você precisa abrir o terminal (normalmente isto pode ser feito pressionando simultaneamente Ctrl + Alt + T). Com o terminal aberto você pode utilizar um editor para alterar as linhas que controlam a ação. Por exemplo, digite na linha de comando: sudo vi /etc/systemd/logind.conf No arquivo procure a linha (note the # indica que a linha está comentada) # HandleLidSwitch = suspend e altere-a para uma das seguintes opções (note que agora a linha não começa mais com #) - trava o desktop quando a tampa está fechada: HandleLidS...
Postar um comentário
Leia mais

Resetando a senha do administrador local no Windows Server 2012

Existem diversas formas de redefinir a senha em seu servidor Windows 2012 quando você esqueceu ela. Neste post mostraremos como alterar a senha do usuário administrador, quando você tem acesso físico à ele. Você precisará do DVD de instalação do Windows para fazer isto. São os seguintes passos: 1-) Reinicie o seu computador dando boot pelo DVD do Microsoft Windows Server 2012 (pode ser outra versão) 2-) No menu Instalação do Windows (mostrado abaixo), clique em "Avançar". 3-) Selecione "Reparar seu computador" Como estamos utilizando o DVD do Windows 2008 para reparar um Windows 2012, o seguinte aviso é mostrado. Concorde clicando em Next. 4-) Clique em "Aviso de comando" para abrir uma janela de comandos. 5-) No prompt de comando, execute os seguintes comandos: d: cd windows\system32 ren Utilman.exe Utilman.exe.old copy cmd.exe Utilman.exe 5-) Feche o prompt de comando e clique em "Reiniciar". 6-) O serv...
Postar um comentário
Leia mais