Teste A/B

Divida o tráfego entre duas respostas em uma função, sorteando o grupo do visitante e registrando a escolha em um cookie.

Última atualização

Ver como Markdown Configurar agente

Entregue uma de duas respostas a partir de uma função na rede global da Azion, sorteando o grupo do visitante e registrando a escolha em um cookie. Use esse padrão para executar experimentos randomizados, como comparar duas variantes de página, sem enviar tráfego a uma origem para decidir qual versão exibir.

JavaScript
01 function handleRequest(request) {
02 const NAME = "TestA/B"
03 const TEST_RESPONSE = new Response("Cookie A")
04 const CONTROL_RESPONSE = new Response("Cookie B")
05
06 const cookie = request.headers.get("cookie")
07 if (cookie && cookie.includes(`${NAME}=a`)) {
08 return CONTROL_RESPONSE
09 }
10 else if (cookie && cookie.includes(`${NAME}=b`)) {
11 return TEST_RESPONSE
12 }
13 else {
14 const group = Math.random() < 0.5 ? "test" : "control"
15 const response = group === "control" ? CONTROL_RESPONSE : TEST_RESPONSE
16 response.headers.append("Set-Cookie", `${NAME}=${group}; path=/`)
17
18 return response
19 }
20 }
21
22 addEventListener("fetch", event => {
23 event.respondWith(handleRequest(event.request))
24 })

Como funciona

O handler do evento fetch lê o cabeçalho Cookie da requisição com request.headers.get("cookie"). Quando o cabeçalho contém TestA/B=a, a função retorna a resposta de controle e, quando contém TestA/B=b, retorna a resposta de teste. Quando nenhum dos dois está presente, Math.random() sorteia o grupo de teste ou de controle em aproximadamente 50/50, e response.headers.append("Set-Cookie", ...) grava o grupo escolhido no cookie TestA/B para que o navegador o envie na requisição seguinte. Em seguida, event.respondWith() retorna esse Response ao cliente.

Recursos relacionados

Exemplos em JavaScript

Consulte os outros exemplos prontos para uso que você pode copiar para uma função.

FetchEvent

Referência do evento fetch e da requisição que o handler recebe.

Response

Referência do objeto de resposta que este exemplo constrói e no qual define um cookie.

Limites de Functions

Os tetos dentro dos quais uma única invocação desta função roda, e os que variam conforme o plano.

Primeiros passos

O que uma conta precisa antes de uma função rodar, e os passos que colocam uma no caminho de uma requisição.

Consulte dados de uso de Functions

Leia de volta o tempo de compute e as invocações que esta função consumiu.