[Dúvida] Conexão do back-end com o front-end

Isabelle Messias Dantas Pereira · 2025-03-04 22:14

Não compreendi muito bem, como foi feita a conexão do back-end existente com o front-end. Como foi realizada essa comunicação?

Oi Isabelle! TUdo bem?

No contexto do exercício que você está fazendo, a comunicação entre o back-end e o front-end é realizada através de uma API REST.

Aqui está um resumo de como essa comunicação ocorre:

Configuração do Servidor: O back-end está rodando em um servidor local na porta 8080, enquanto o front-end está sendo servido por um servidor na porta 5501. Para que o front-end possa acessar os dados do back-end, é necessário configurar o CORS (Cross-Origin Resource Sharing) no servidor back-end. Isso é feito para permitir que o front-end, que está em uma origem diferente (porta 5501), possa fazer requisições para o back-end (porta 8080).
Classe CorsConfiguration: No código do back-end, você cria uma classe CorsConfiguration que configura quais origens podem acessar a API. No seu caso, você permite que o endereço http://127.0.0.1:5501 acesse a API, permitindo métodos HTTP como GET, POST, PUT, etc.
Requisições HTTP: Quando você abre o front-end no navegador, ele faz requisições HTTP para o back-end. Por exemplo, quando você acessa a rota /series, o front-end faz uma requisição GET para o back-end, que responde com os dados das séries em formato JSON.
Visualização dos Dados: No navegador, ao verificar a aba de "Rede" (Network), você pode ver as requisições sendo feitas e as respostas recebidas. Quando tudo está configurado corretamente, você deve ver os dados das séries sendo carregados e exibidos no front-end.

Espero que isso ajude a esclarecer como a comunicação entre o back-end e o front-end é feita no seu projeto. Bons estudos e continue se dedicando!

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!

Trilhas por carreira