3
respostas

[Dúvida] Como fazer a integração do back-end com o front-end?

Olá pessoal! Alguém poderia me indicar o caminho que devo seguir para aprender a fazer a integração do back-end com o front? Estou meio perdido aqui, o front está pronto, feito em React. Estou tentando realizar este challenge: https://www.alura.com.br/challenges/back-end-5//back-end-5/semana-01-implementando-api-rest com .NET.

3 respostas

Olá, Murilo. Tudo bem?

Primeiro você pode baixar o front-end que está nesse repositório: https://github.com/alura-cursos/aluraflix-front/tree/semana-1

Depois que você baixar, com o projeto aberto, abra o terminal e digite:

npm install

Com esse comando você vai baixar as dependências do projeto

Obs: Se você não tiver o Node instalado, você pode baixar e instalar seguindo esse tutorial: https://www.alura.com.br/artigos/como-instalar-node-js-windows-linux-macos

Feito isso, você vai procurar o arquivo index.js que está na pasta config, e você vai alterar URL_BACKEND_TOP para o endereço da sua API. No meu caso ficou assim:

const URL_BACKEND_TOP = 'http://127.0.0.1:8000';

Depois que você alterar isto, você pode subir o servidor do front usando o seguinte comando:

npm run dev

Obs: você tem que subir o servidor do front e do back-end para que eles possam "conversar".

De maneira resumida é isso, espero ter ajudado.

Qualquer dúvida estou à disposição, bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓

Opa irmão, eu consegui subir o servidor do front, mas acho que não consegui fazer o back conversar com o front. Será que preciso mexer em algo no back também?

Eu vi que tem um curso aqui na Alura que ensina a fazer a integração, mas precisa entender um pouco de React, e eu não sei nada kkkkk. Depois vou estudando aos poucos.

Obrigado pela ajuda e por seu tempo!!

Olá, Murilo.

Tem os planos de estudos que foram criados para auxiliar nos estudos com foco no challenge.

Como você disse que quer usar o .NET:

Sobre a integração com o Front-End, acredito que com as informações que eu te passei já irá resolver, verifica se você está passando o endereço com a porta certa:

const URL_BACKEND_TOP = 'http://127.0.0.1:8000';

O código acima é só um exemplo de como era o meu, mas a porta do seu pode ser diferente.

Qualquer coisa posta o erro ou o código do projeto para que eu consiga te ajudar melhor :D