Cliente HTTP no Angular

Nesta lição, você aprenderá a usar o cliente HTTP do Angular para se comunicar com APIs, permitindo buscar e enviar dados com facilidade.

O que é o cliente HTTP?

O cliente HTTP é o módulo integrado do Angular para se comunicar com serviços de back-end por meio de requisições HTTP.

Importando o HttpClientModule

Importe o HttpClientModule no módulo da sua aplicação para começar a usar requisições HTTP:

import { HttpClientModule } from '@angular/common/http';

Fazendo uma requisição GET

Use o cliente HTTP para buscar dados de um endpoint de API:

this.http.get('https://api.example.com/data').subscribe(data => console.log(data));

Tratando os dados da resposta

O cliente HTTP retorna Observables. Inscreva-se neles para tratar os dados de forma assíncrona:

this.http.get('api/data').subscribe(response => this.data = response);

Requisição POST para enviar dados

Envie dados ao servidor usando uma requisição POST:

this.http.post('api/items', newItem).subscribe(result => console.log(result));

Tratamento de erros

Trate erros de requisições HTTP usando o operador catchError:

this.http.get('api/data').pipe(catchError(error => of('Error occurred'))).subscribe();

Usando cabeçalhos

Adicione cabeçalhos às requisições HTTP para enviar informações adicionais:

const headers = new HttpHeaders().set('Authorization', 'my-auth-token');

Resumo

Você aprendeu a usar o cliente HTTP do Angular para buscar e enviar dados por meio de APIs com eficiência. Continue avançando!