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-…


This content originally appeared on DEV Community and was authored by Pedro Borges Dev

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


This content originally appeared on DEV Community and was authored by Pedro Borges Dev


Print Share Comment Cite Upload Translate Updates
APA

Pedro Borges Dev | Sciencx (2024-07-14T19:34:15+00:00) API de Upload de arquivo na AWS S3 + Interface de usuário. Retrieved from https://www.scien.cx/2024/07/14/api-de-upload-de-arquivo-na-aws-s3-interface-de-usuario/

MLA
" » API de Upload de arquivo na AWS S3 + Interface de usuário." Pedro Borges Dev | Sciencx - Sunday July 14, 2024, https://www.scien.cx/2024/07/14/api-de-upload-de-arquivo-na-aws-s3-interface-de-usuario/
HARVARD
Pedro Borges Dev | Sciencx Sunday July 14, 2024 » API de Upload de arquivo na AWS S3 + Interface de usuário., viewed ,<https://www.scien.cx/2024/07/14/api-de-upload-de-arquivo-na-aws-s3-interface-de-usuario/>
VANCOUVER
Pedro Borges Dev | Sciencx - » API de Upload de arquivo na AWS S3 + Interface de usuário. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/07/14/api-de-upload-de-arquivo-na-aws-s3-interface-de-usuario/
CHICAGO
" » API de Upload de arquivo na AWS S3 + Interface de usuário." Pedro Borges Dev | Sciencx - Accessed . https://www.scien.cx/2024/07/14/api-de-upload-de-arquivo-na-aws-s3-interface-de-usuario/
IEEE
" » API de Upload de arquivo na AWS S3 + Interface de usuário." Pedro Borges Dev | Sciencx [Online]. Available: https://www.scien.cx/2024/07/14/api-de-upload-de-arquivo-na-aws-s3-interface-de-usuario/. [Accessed: ]
rf:citation
» API de Upload de arquivo na AWS S3 + Interface de usuário | Pedro Borges Dev | Sciencx | https://www.scien.cx/2024/07/14/api-de-upload-de-arquivo-na-aws-s3-interface-de-usuario/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.