Como desenvolvedor, você pode ter encontrado os termos “ interceptador de solicitação ” e “ interceptador de resposta ” ao trabalhar com APIs em JavaScript.
Nesta postagem do blog, exploraremos o significado desses termos e como eles podem ser usados ​​para aprimorar seu código. Também exploraremos um exemplo prático de como implementar interceptadores usando JavaScript.

O que são Interceptores de Solicitação e Resposta?

Os interceptadores de solicitação e resposta no navegador são funções que permitem aos desenvolvedores modificar ou interceptar solicitações e respostas de rede que estão sendo enviadas ou recebidas pelo navegador.

Eles permitem que você modifique a solicitação ou resposta antes de ser enviada ou recebida pelo servidor.

Os interceptadores são úteis porque permitem que os desenvolvedores adicionem funcionalidade personalizada a solicitações e respostas sem modificar o código real que faz a solicitação. Isso significa que os desenvolvedores podem modificar ou aprimorar o comportamento de um aplicativo sem precisar modificar o código subjacente. Os interceptadores também podem ajudar a padronizar o formato de solicitações e respostas, facilitando o trabalho com dados de várias APIs ou serviços.

Implementando interceptores em JavaScript:

Para implementar interceptadores de solicitação e resposta em JavaScript, usaremos a API Fetch. Aqui está um trecho de código que demonstra como usar interceptadores com Fetch:

Vamos dividir esse código em suas partes individuais:

1. fetchRequestInterceptor: Esta função intercepta a requisição e a modifica adicionando um método padrão de “GET” caso não seja especificado. Em seguida, ele retorna a solicitação modificada.
2. fetchResponseInterceptor: Esta função intercepta a resposta e a modifica verificando o código de status. Se o status for 200, ele converte a resposta para o formato JSON e a retorna como um objeto com a mensagem “Success”. Se o status não for 200, ele retorna um objeto com a mensagem “Failed”, um objeto de dados nulos e o motivo da falha.
3. myFetch: esta função envolve a API Fetch e aplica os interceptores à solicitação e à resposta. Ele retorna o objeto de resposta modificado.
4. withSuccess e withFailure: essas funções demonstram como myFetch pode ser usado para lidar com solicitações bem-sucedidas e com falha.

• Adicionando tokens de autenticação a solicitações
• Solicitações e respostas de log para fins de depuração
• Tratamento de erros do servidor
• Padronização de formatos de resposta em várias APIs ou serviços
• Adicionar ou remover cabeçalhos de solicitações

Nesta postagem do blog, demonstramos como implementar interceptadores usando a Fetch API. Esperamos que você tenha achado este exemplo útil e o encorajamos a explorar como os interceptadores podem ser usados ​​para melhorar seu próprio código.