Compreendendo os interceptadores de solicitação e resposta em JavaScript
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:
- 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.
- 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.
- myFetch: esta função envolve a API Fetch e aplica os interceptores à solicitação e à resposta. Ele retorna o objeto de resposta modificado.
- 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.
Suggested posts
Meus recursos de codificação mais usados
Esta semana, recebi um e-mail de um membro da lista de e-mails diários. Eles queriam saber: quais recursos você visita diariamente, semanalmente e mensalmente? Ótima pergunta! Fico feliz em tentar compartilhar algumas ideias sobre meu fluxo de trabalho e os principais recursos que uso.
Série de bibliotecas lit — 1: Um mergulho profundo na biblioteca lit-html
O objetivo desta série de blogs é aprofundar a biblioteca Lit e obter uma compreensão abrangente de seus recursos exclusivos e como ela se diferencia de outras bibliotecas e estruturas do mercado. A série é dividida em três partes, abordando tópicos como 1.
Related posts
O desafio de leitura Goodreads é tóxico
A coceira na minha mão aumentou enquanto eu negociava com o livreiro local por mais um livro. Este livro, como o resto que comprei recentemente, encontraria seu trono na minha pilha 'To Be Read' (TBR); e ainda assim, eu comprei.
A perseguição aos cristãos: o crime de ódio do qual não falamos
Esqueça a islamofobia: cristãos (e judeus) são as principais vítimas de crimes de ódio religioso.
Qualquer mente racional sabe que os círculos políticos e midiáticos são dominados pela esquerda, até mesmo pela extrema esquerda, um estado de coisas que cria um desequilíbrio no discurso político. No campo da religião, esse desequilíbrio é bem visível: jornais e redes de esquerda não se apressam em defender a fé cristã.
O que você pode fazer em sua temporada de espera (esperando para conseguir seu primeiro emprego em tecnologia)
Mudar para uma nova carreira pode ser extremamente desafiador se você tentar fazer isso sozinho. É importante encontrar parceiros de responsabilidade que estejam no mesmo nível de aprendizado que você, que compartilhem objetivos, tenacidade e motivação semelhantes.
Dois anos em design - O bom, o mau e o feio…
“Ei, Siri, toque Me Dive, de Olivia Dean.” Era maio de 2021 quando comecei meu estágio na Future Academy Africa em Akure, Nigéria.