ContatoSign in

JavaScript Runtime APIs - AddEventListener

Como Funciona

A função addEventListener define o gatilho para execução do código JavaScript para receber os dados da requisição. O tipo do event listener é fetch, o qual recebe o fetchEvent.

Dentro de uma function da Azion, o addEventListener é o ponto de entrada que conecta o seu código ao ciclo de vida da requisição. Quando o runtime recebe uma requisição HTTP, ele dispara um evento fetch, e o listener que você registra é a função de callback executada para montar e retornar a resposta. Como a função roda na rede distribuída da Azion, próxima ao usuário final, registrar o handler dessa forma permite interceptar, inspecionar e responder ao tráfego com latência mínima. Normalmente você registra um único listener fetch por função e chama event.respondWith() dentro dele para entregar a resposta final.

Sintaxe

addEventListener(type, listener)

Propriedades

type: string - o único type suportado é fetch.

listener: function - função que manipula eventos de entrada do Azion Cells.

Exemplo

addEventListener("fetch", event => {
  return event.respondWith(
    new Response("Hello world")
  )
})

Casos de uso

  • Registrar o handler fetch principal que dá vida a uma aplicação, direcionando requisições para a lógica correta conforme o caminho ou o método.
  • Interceptar requisições recebidas para adicionar autenticação, reescrever headers ou aplicar redirecionamentos antes de chegar à origem.
  • Gerar respostas dinâmicas diretamente na rede global da Azion, como conteúdo personalizado ou variantes de testes A/B.
  • Implementar estratégias de cache personalizadas inspecionando a requisição e retornando uma resposta sintetizada.

Recursos relacionados