JavaScript Runtime APIs - FetchEvent

Como Funciona

FetchEvent consiste no evento que passa a request através da função addEventListener. A função addEventListener, por sua vez, define o gatilho para a execução do código JavaScript e receber os dados da requisição.

Sintaxe

addEventListener(type, listener)

Propriedades

event.type: fetch

event.request: request - a request HTTP recebida pela Function.

Métodos

Quando a Function recebe a requisição, o Runtime executa o FetchEvent que poderá ser manipulado pelo eventListener do tipo fetch que, por sua vez, pode chamar o método que define o que vai ocorrer até a resposta:

event.respondWith(response Request|Promise) - a request HTTP recebida pela Function.

Exemplo

addEventListener("fetch", event => {
  event.respondWith(handleRequest(event.request))
})