Partilhar via

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

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

Neste tutorial, aprenderás como:

  • Atualize o código e substitua o contêiner.
  • Partilhe a 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 continuares aqui, precisarás do gestor de lista de tarefas ativo da parte 1.

Atualize o código e substitua o contêiner

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

  1. No ficheiro 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>

    Guarde as suas alterações.

  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.

    A captura de tela mostra a extensão Ferramentas de Contêiner com um contêiner selecionado e um menu de contexto com Remover selecionado.

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

    docker ps

    Em seguida, pare e remova o recipiente:

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

  3. Crie a versão atualizada da imagem. No explorador de ficheiros, clique com o botão direito do rato em Dockerfile e, em seguida, selecione Criar 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.

    A captura de tela mostra o aplicativo de exemplo com o texto modificado, descrito acima.

Partilhe a sua imagem

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

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

  1. Acesse o Docker Hub e faça login na sua conta.

  2. Selecione Criar repositório.

  3. Para o nome do repositório, digite getting-started. Certifique-se de que a Visibilidade é Pública.

  4. Selecione Criar.

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

    A captura de tela mostra a página do Hub do Docker com um comando do Docker sugerido.

  5. No VS Code, no Container Explorer, em REGISTRIES, clique no ícone de plugue para se conectar a um registro e escolha Docker Hub.

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

  6. No Container Explorer do VS Code, em IMAGENS, clique com o botão direito do mouse na tag da imagem e selecione Push. Insira o namespace e a tag ou aceite os padrões.

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

    Faça login no Docker Hub:

    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 seu 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 viu essa imagem de contêiner. Para executar a sua aplicação, use Play with Docker.

  1. Abra o navegador para Jogar com o Docker.

  2. Faça login com sua conta do Docker Hub.

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

    A captura de ecrã mostra o site Play with Docker com um link para adicionar uma nova instância.

  4. No terminal, inicie seu aplicativo.

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

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

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

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

Limpeza de recursos

Guarde tudo o que fez até agora para continuar esta série de tutoriais.

Próximos passos

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

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

Em seguida, tente o próximo tutorial desta série:

Persistir dados e estratificar uma aplicação Docker