Exemplos em JavaScript - Retornar HTML

Gera uma página HTML completa a partir de uma string e a retorna diretamente de uma function. Use esse padrão para servir páginas leves, telas de entrada ou avisos de manutenção na rede global da Azion, sem precisar renderizá-los em um servidor de origem.

const html = `<!DOCTYPE html>
<body>
  <h1>Hello World</h1>
  <p>This markup was generated by a Azion - Functions.</p>
</body>`

async function handleRequest(request) {
  return new Response(html, {
    headers: {
      "content-type": "text/html;charset=UTF-8",
    },
  })
}

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

Como funciona

A marcação é armazenada em um template literal atribuído à constante html, de modo que toda a página fica dentro da função. Quando o evento fetch é disparado, handleRequest constrói um novo Response com essa string como corpo e define o header content-type como text/html;charset=UTF-8, o que faz o navegador renderizar o conteúdo como página web em vez de texto puro. Em seguida, event.respondWith() entrega a página, próxima ao usuário e sem uma ida e volta a uma origem.

Como funciona

Recursos relacionados