From d9a2af71b4801229571a71de604ac6b4cb2b7165 Mon Sep 17 00:00:00 2001 From: Canimo07 Date: Mon, 2 Jun 2025 12:12:17 -0400 Subject: [PATCH 1/2] Adiciona Dockerfile, .dockerignore e README --- .dockerignore | 9 +++++++++ Dockerfile | 5 +++++ README.md | 55 +++++++++++++++++++++++++++++++++++++++++++++++++- criar_index.sh | 39 +++++++++++++++++++++++++++++++++++ index.html | 33 ++++++++++++++++++++++++++++++ 5 files changed, 140 insertions(+), 1 deletion(-) create mode 100644 .dockerignore create mode 100644 Dockerfile create mode 100644 criar_index.sh create mode 100644 index.html diff --git a/.dockerignore b/.dockerignore new file mode 100644 index 0000000..dc4691a --- /dev/null +++ b/.dockerignore @@ -0,0 +1,9 @@ +.git +.gitgnore +Dokerfile +README.md +LICENSE + + + + diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..8a32b4e --- /dev/null +++ b/Dockerfile @@ -0,0 +1,5 @@ +FROM nginx:alpine +RUN rm /usr/share/nginx/html/index.html +COPY . /usr/share/nginx/html +EXPOSE 80 +CMD ["nginx", "-g", "daemon off;"] diff --git a/README.md b/README.md index 9123990..47dc0e3 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,56 @@ # Projetos em HTML e CSS - Esses são os projetos em HTML e CSS criados no canal Inteliogia do YouTube. Fique livre para conhecer alguns códigos e adicionar em seus projetos. + Esses são os projetos em HTML e CSS criados no canal Inteliogia do YouTube + +Este repositório contém mini projetos desenvolvidos em HTML, CSS e JavaScript. > +Dockerização dos Projetos HTML/CSS/JavaScript + +Este repositório contém vários mini projetos em HTML, CSS e JavaScript que foram dockerizados para facilitar a distribuição e execução. Utilizei o Nginx como servidor web dentro do container Docker para servir os arquivos estáticos. + + COMO USAR: + +1. Baixe a imagem do Docker Hub + +docker pull monca07/projetos-git:latest + +2. Rode o container + +docker run -d -p 80:80 monca07/projetos-git:latest + +3. Abrir no navegador + +Acesse http://localhost + + +🛠️ Processo de criação da imagem Docker + +Clonei o repositório original: + +git clone https://github.com/brunorodris/Projetos-Em-HTML-CSS-JavaScript.git + +Criei um arquivo Dockerfile que usa a imagem oficial do Nginx (alpine) e copia os arquivos do projeto para o diretório padrão do Nginx. +Removi o arquivo padrão index.html do Nginx e criei uma página inicial personalizada com links para os mini projetos. +Adicionei um arquivo .dockerignore para ignorar arquivos desnecessários na build. + +Build da imagem localmente: +docker build -t monca07/projetos-git . + +Enviei a imagem para o Docker Hub: +docker push monca07/projetos-git + +⚠️ Problemas encontrados e soluções + +Recebi erro 403 Forbidden ao abrir no navegador, resolvido criando uma página index.html personalizada com links. +Erro no comando docker push devido à tag incorreta. Corrigi usando o meu nome de usuário no Docker Hub na tag. +A imagem não aparecia no Docker Hub porque esqueci de dar o docker push após buildar. + +📦 Imagem Docker no Docker Hub + +Você pode acessar a imagem no Docker Hub: +https://hub.docker.com/r/monca07/projetos-git + +✒️ Autor +Monca07 + + + diff --git a/criar_index.sh b/criar_index.sh new file mode 100644 index 0000000..0f2ca1f --- /dev/null +++ b/criar_index.sh @@ -0,0 +1,39 @@ +#!/bin/bash + +cat > index.html <<'EOF' + + + + + Projetos HTML, CSS e JS + + +

Projetos disponíveis

+ + + +EOF + +echo "index.html criado com sucesso!" diff --git a/index.html b/index.html new file mode 100644 index 0000000..fcd715e --- /dev/null +++ b/index.html @@ -0,0 +1,33 @@ + + + + + Projetos HTML, CSS e JS + + +

Projetos disponíveis

+ + + From 6877f6ab2d67caf2ff6f58a21ae3674ed0bab0a8 Mon Sep 17 00:00:00 2001 From: Canimo07 Date: Mon, 2 Jun 2025 19:23:13 -0400 Subject: [PATCH 2/2] =?UTF-8?q?Atualiza=20README.md=20com=20informa=C3=A7?= =?UTF-8?q?=C3=B5es=20sobre=20dockeriza=C3=A7=C3=A3o?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 47dc0e3..e41b1b6 100644 --- a/README.md +++ b/README.md @@ -15,7 +15,7 @@ docker pull monca07/projetos-git:latest 2. Rode o container -docker run -d -p 80:80 monca07/projetos-git:latest +docker run -p 80:80 monca07/projetos-git:latest 3. Abrir no navegador