Como escrever functions

Explore como desenvolver e debugar Functions usando o Azion Console ou Real-Time Manager, abordando desde o JavaScript básico até a integração e deployment avançados.

Ver como Markdown

Antes de começar

Para você começar e ter sucesso como um edge developer, é importante:

As functions funcionam sobre o Azion Runtime, que é um conjunto de ferramentas que permitem o desenvolvimento no edge.

É fundamental conhecer a lista de APIs, métodos e tipos disponíveis. Saiba mais sobre o Azion Runtime.

Editor de Código

O Functions Code Editor fornece uma experiência de desenvolvimento semelhante à que os desenvolvedores estão acostumados. A integração entre Functions e ChatGPT ajuda você a escrever, refatorar e revisar o código.

Functions e Applications

Para desenvolver sua primeira function para Applications:

  1. Acesse o Azion Console > Functions.
  2. Clique em + Function.
  3. Escolha um nome para sua função.
  4. Escreva sua função. Mas espere, antes disso, continue lendo:

Escrever uma function

Primeiro, as functions para Applications funcionam com base em um fetch event. Ele é inicializado com uma função addEventListener, passando fetch como o tipo de evento e um evento. Por exemplo:

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

Em segundo lugar, é necessário definir o comportamento da função handleRequest. Esta função tem como assinatura o event.request. Esses dados podem ser usados posteriormente para implementar a lógica necessária, como:

  • Manipular cookies.
  • Implementar um comportamento com base no método de solicitação (POST, GET, PUT, DELETE).
  • Acessar os metadados da requisição.

A função handleRequest pode ser definida como:

const html = `<!DOCTYPE html>
<body>
<h1>Hello World</h1>
<p>This markup was generated by Azion - Functions.</p>
</body>`
async function handleRequest(request) {
return new Response(html, {
headers: {
"content-type": "text/html;charset=UTF-8",
},
})
}

Neste exemplo, a resposta será o conteúdo HTML, declarado anteriormente pelo const html. Os headers também podem ser manipulados e, no exemplo, o Content-Type é definido.

  1. Clique no botão Save.

Teste e depuração

Depois de escrever suas functions, você pode visualizar a resposta e inspecionar o código. O preview simula uma requisição e essa simulação pode ser alterada para atender às necessidades do desenvolvedor.

Saiba mais sobre o Preview Deployment.

É possível debugar as funções através de:

Function instantiation

Depois de salvar sua function, é necessário instanciá-la em uma application.

Saiba mais sobre como instanciar uma function em uma application.