DEV Community

Cover image for API de Upload de arquivo na AWS S3 + Interface de usuário
Pedro Borges Dev
Pedro Borges Dev

Posted on

API de Upload de arquivo na AWS S3 + Interface de usuário

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.

Image description
Image description
Image description
Image description
Image description
Image description
Image description
Image description
Image description
Image description
Image description
Image description

Top comments (0)