Conectar Back End e Front End | Angular: trabalhando com Tokens JWT na autenticação e cadastro

Olá professores e professoras! Boa tarde. Tudo bem?

Eu preciso apender como conectar uma aplicação Front End em Angular (HTML, CSS, TYPESCRIPT) com uma Back End em C# (C# e SQL). Eu adaptei dois projetos que estão com as requisições funcionando:

Angular 14: aplique os conceitos e desenvolva seu primeiro CRUD –https://cursos.alura.com.br/course/angular-explorando-framework/task/110725

.NET 6: criando uma web API - https://cursos.alura.com.br/course/dotnet-criando-web-api

Ambos, já estão com os mesmos objetos e tipagem. São aplicações simples que possuem apenas um objeto.


{
    "conteudo": "Aprender é bom",
    "autoria": "Socrates",
    "modelo": "modelo1"
}

No entanto, não consigo conectar os dois ambientes. Já estou há anos tentando aprender e não descobri até agora.

Caso consiga me ajudar, será muito bom.

Obrigado.

Oi, Jonathas.

Não sou professor mas deixa ser consigo ajudar.... estou considerando aqui que falta uma comunicação entre ambos os ambientes. Se vc tem seu web server .NET rodando e com as API publicadas, o que falta é sua aplicação Angular chamar essas API.. e para isso usamos a lib HttpClient, basicamente.

Ali no curso da Nayanne ela um JSON-Server para fazer mock do backend, e no seu caso, entendo que é uma aplicação .NET.

Como teste de suas API, tente usar algum client de API RESTFull como Postman ou alguma extensão ali no VS Code mesmo, isso te ajuda a entender como fazer a chamada a API de forma "simples", sem ter que escrever algum código... o que vc fizer ali será o mesmo a ser feito no Angular com o HttpClient.

Do mais, reveja a aula 6 do curso da Nayanne.