Aula 11: HTTP Client 🌐

Conectando seu Front ao Mundo Real

Como buscamos dados de um banco de dados externo?

Usamos o protocolo HTTP e o serviço HttpClient.

No modelo Moderno, configuramos no bootstrap:

bootstrapApplication(AppComponent, {
  providers: [
    provideHttpClient()
  ]
});

Recomendação: Mantenha a lógica de API nos serviços!

constructor(private http: HttpClient) {}

buscar() {
  return this.http.get(URL);
}

O Angular converte o JSON que vem do servidor em objetos JavaScript para você.

Adeus, JSON.parse!

O HttpClient trabalha com RxJS.

A requisição só acontece quando você dá o .subscribe().

Uma forma de "grampear" a requisição:

Vamos buscar dados de uma API real de Usuários e exibir em Cards elegantes!