API de Upload de arquivo na AWS S3 + Interface de usuário
Olá, Devs!
Gostaria de compartilhar 2 novos projetos que vim desenvolvendo nestes últimos dias…
O "projeto-backend" é uma API que faz upload de arquivos integrando com o AWS S3 e o "projeto-frontend" projeto que integra com o "projeto-backend" permitindo a possibilidade de fazer esses uploads de arquivo através da interface do usuário, sem a necessidade de ferramentas externas como o Postman...
Projeto: Backend
Neste projeto, criei uma API em Java Spring (1 recurso POST) para fazer o upload de arquivos diretamente na bucket do AWS S3.
Projeto: Frontend
Nesse projeto, um frontend simples que integra com nosso backend, permitindo essa interação de forma fácil do usuário.
Tecnologias Utilizadas:
Backend:
Linguagem: Java 17
Framework: Spring Boot 3.1.3
Banco de Dados: Integração com serviço AWS S3 para armazenamento dos arquivos
Frontend:
Linguagens: HTML, CSS, JavaScript
Frameworks: Bootstrap para estilização
Alguns detalhes dos Projetos:
Backend:
Configuração do CORS pra qualquer origem (permitir que o projeto frontend pudesse fazer requisições para o backend).
Implementação de serviço de upload para a bucket do AWS S3.
Tratamento de exceção para cenário de http code 413 (Request Entity Too Large) quando os arquivos forem muito grandes, retornando mensagens personalidaza para o usuário.
Frontend:
Interface simples com Bootstrap para upload de arquivos.
Mensagens de alerta que desaparecem automaticamente depois de 2 segundos.
Verificação do tamanho do arquivo antes do envio.
Repositórios GitHub:
Backend: https://github.com/peesilva/upload-file-backend
Frontend: https://github.com/peesilva/upload-file-frontend
Próximos Passos:
Backend: Melhorar a lógica de tratamento de exceções e adicionar mais funcionalidades, como a listagem (recurso GET) e exclusão (recurso DELETE) dos arquivos na bucket do S3.
Seguem algumas imagens dos 2 projetos + imagem dos arquivos na bucket do S3...
Muito obrigado por ler até aqui...
Se tiverem alguma sugestão de melhoria ou dúvida sobre o desenvolvimento deste projeto fiquem à vontade para comentar ou enviar uma mensagem.
Top comments (0)