This markup was generated by Azion - Functions.
` ``` 7. Escreva o seguinte prompt dentro da função, logo abaixo das credenciais OpenAI que foram coladas na etapa 5: ```js // generate an object with 5 properties being 2 of them array of objects ``` 8. Selecione o prompt > clique nele com o botão direito do mouse > escolha **ChatGPT: Generate**. Aguarde alguns segundos até carregar. O resultado esperado será semelhante a: ```js let myObject = { property_1: 'value_1', property_2: 10, property_3: true, property_4: [{object_1: 'value_1'}, {object_2: 'value_2'}], property_5: [{object_3: 'value_3'}, {object_4: 'value_4'}] }; ``` 9. Adicione a função `handleRequest`, contendo um `switch case`, com um método `GET` e um método `POST`: ```js async function handleRequest(request) { switch (request.method) { case 'POST': return new Response(JSON.stringify(myObject), { // Returning the object generated by ChatGPT headers: { "content-type": "application/json",// Altering the content-type to application/json } }) case 'GET': return new Response(html, { headers: { "content-type": "text/html:charset=UTF-8", } }) } } ``` - O método `POST` retorna um objeto `JSON`, que foi gerado pela opção `ChatGPT: Generate`. - O método `GET` retorna a `const html` que foi declarada na etapa 6. 10. Copie e cole a função `PreviewProvider`, responsável por simular solicitações: ```js function PreviewProvider(args) { var request = { body: {}, headers: {}, method: "GET", redirect: "", } return handleRequest(request) } ``` 11. Adicione a função `addEventListener`, que aciona todo o processamento da function: ```js addEventListener("fetch", event => { return event.respondWith(handleRequest(event.request)) }) ``` 12. Clique com o botão direito em qualquer lugar dentro do editor de código e selecione **Format document**. Neste ponto, sua function deve estar semelhante a: ```js /* ChatGPTKey=sk-xxxxxxx ChatGPTOrg=org-xxxxxx */ const html = `This markup was generated by Azion - Functions.
` let myObject = { property_1: 'value_1', property_2: 10, property_3: true, property_4: [{object_1: 'value_1'}, {object_2: 'value_2'}], property_5: [{object_3: 'value_3'}, {object_4: 'value_4'}] }; async function handleRequest(request) { switch (request.method) { case 'POST': return new Response(JSON.stringify(myObject), { // Returning the object generated by ChatGPT headers: { "content-type": "application/json",// Altering the content-type to application/json } }) case 'GET': return new Response(html, { headers: { "content-type": "text/html:charset=UTF-8", } }) } } function PreviewProvider(args) { var request = { body: {}, headers: {}, method: "GET", //or POST redirect: "", } return handleRequest(request) } addEventListener("fetch", event => { return event.respondWith(handleRequest(event.request)) }) ``` Se quiser, você pode alternar o método dentro da função `PreviewProvider` e ter uma visualização em tempo real das respostas no [Azion Preview Deployment](/pt-br/documentacao/produtos/applications/functions/runtime-api/preview-deployment/). 13. Clique no botão **Save**. Agora, a função está pronta para ser instanciada em uma application. Veja como [instanciar e executar as funções em sua application](/pt-br/documentacao/produtos/build/applications/functions-instances/). ---