Tutorial: Compartilhar um aplicativo de contêiner com o Visual Studio Code

Este tutorial é a parte dois de uma série de quatro partes que apresenta o Docker para uso com o VS Code (Visual Studio Code).

Neste tutorial, você aprenderá como:

• Atualize o código e substitua o contêiner.
• Compartilhe sua imagem.
• Execute a imagem em uma nova instância.

Pré-requisitos

Este tutorial continua o tutorial anterior, Criar um aplicativo de contêiner com o Visual Studio Code. Para continuar aqui, você precisará do gerenciador de listas de tarefas ativo da Parte 1.

Atualizar o código e substituir o contêiner

Vamos fazer algumas alterações e saber mais sobre como gerenciar seus contêineres.

1. No arquivo src/static/js/app.js, atualize a linha 56 para usar este novo rótulo de texto:

   - <p className="text-center">No items yet! Add one above!</p>
   + <p className="text-center">You have no todo items yet! Add one above!</p>
   

   Salve a alteração.

2. Pare e remova a versão atual do contêiner. Mais de um contêiner não pode usar a mesma porta.

   Clique com o botão direito do mouse no contêiner de introdução e selecione Remover.

   

   Ou, na linha de comando, use o comando a seguir para obter a ID do contêiner.

   docker ps
   

   Em seguida, pare e remova o contêiner:

   docker stop <container-id>
   docker rm <container-id>
   

3. Crie a versão atualizada da imagem. No explorador de arquivos, clique com o botão direito do mouse no Dockerfile e selecioneCriar Imagem.

   Ou, para criar na linha de comando, altere o diretório para a pasta que contém o Dockerfile e use o mesmo comando usado antes.

   docker build -t getting-started .
   

4. Inicie um novo contêiner que usa o código atualizado.

   docker run -dp 3000:3000 getting-started
   

5. Atualize o navegador http://localhost:3000 para ver o texto de ajuda atualizado.

   

Compartilhar sua imagem

Agora que você criou uma imagem, você pode compartilhá-la. Para compartilhar imagens de contêiner, use um registro de contêiner. O registro padrão é o Hub do Docker, que é de onde todas as imagens que usamos vieram.

Para enviar uma imagem por push, primeiro, você precisa criar um repositório no Hub do Docker.

1. Vá para o Hub do Docker e entre em sua conta.

2. Selecione Criar Repositório.

3. Para o nome do repositório, insira getting-started. Verifique se a Visibilidade é Pública.

4. Selecione Criar.

   À direita da página, você verá uma seção chamada comandos do Docker. Esta seção apresenta um comando de exemplo a ser utilizado para fazer push para este repositório.

   

5. No VS Code, no Gerenciador de Contêineres, em REGISTROS, clique no ícone de plug-in, para se conectar a um registro e escolha o Hub do Docker.

   Insira o nome e a senha da sua conta do Hub do Docker.

6. No Gerenciador de Contêineres do VS Code, em IMAGENS, clique com o botão direito do mouse no tag da imagem e selecione Enviar. Insira o namespace e a etiqueta, ou aceite os padrões.

7. Para enviar por push para o Hub do Docker usando a linha de comando, use este procedimento.

   Entre no Hub do Docker:

   docker login -u <username>
   

8. Use o comando a seguir para dar um novo nome à imagem de introdução .

   docker tag getting-started <username>/getting-started
   

9. Use o seguinte comando para fazer o push do contêiner.

   docker push <username>/getting-started
   

Executar a imagem em uma nova instância

Agora que sua imagem foi criada e enviada para um registro, tente executar o aplicativo em uma nova instância que nunca usou a imagem de contêiner. Para executar seu aplicativo, use o Play with Docker.

1. Abra seu navegador para Interaja com Docker.

2. Entre com sua conta do Hub do Docker.

3. Selecione Iniciar e, em seguida, selecione o link + ADICIONAR NOVA INSTÂNCIA na barra lateral esquerda. Após alguns segundos, uma janela do terminal será aberta no navegador.

   

4. No terminal, inicie seu aplicativo.

   docker run -dp 3000:3000 <username>/getting-started
   

   "Play with Docker faz o download da sua imagem e a inicia."

5. Selecione o selo 3000 , ao lado de OPEN PORT. Você deve ver o aplicativo com suas modificações.

   Se o selo 3000 não aparecer, selecione ABRIR PORTA e insira 3000.

Limpar os recursos

Mantenha tudo o que você fez até agora para continuar esta série de tutoriais.

Próximas etapas

Parabéns. Você concluiu a parte 2 e aprendeu a atualizar seu código e executar sua imagem em uma nova instância.

Aqui estão alguns recursos que podem ser úteis para você:

• Integração do Docker com a Nuvem
• Exemplos

Em seguida, experimente o próximo tutorial nesta série:

Persistir dados e criar uma camada de um aplicativo Docker