Código fluxo - API

Para você que deseja importar o código em seu fluxo e testar da forma que achar melhor.

ver-codigo-vs-importar.mp4
{ "8fdcbf77-3489-462a-a8fe-bdbb87ec3e01": { "id": "8fdcbf77-3489-462a-a8fe-bdbb87ec3e01", "name": "entry", "data": { "type": "entry", "name": "Entrada", "description": "Início do fluxo (usuário envia uma mensagem)" }, "class": "entry", "html": "entry", "typenode": "vue", "inputs": {}, "outputs": { "output_1": { "connections": [ { "node": "b92f7c02-6660-4350-8a74-6279a52028e0", "output": "input_1" } ] } }, "pos_x": 446.5, "pos_y": 48 }, "b92f7c02-6660-4350-8a74-6279a52028e0": { "id": "b92f7c02-6660-4350-8a74-6279a52028e0", "name": "node_a414bed6-5426-4d7d-a03f-d50eba1307a0", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Componente selecionado: API", "name": "Componente selecionado" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "8fdcbf77-3489-462a-a8fe-bdbb87ec3e01", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "23f764a5-26de-4737-83df-071229569296", "output": "input_1" } ] } }, "pos_x": 408, "pos_y": 424 }, "23f764a5-26de-4737-83df-071229569296": { "id": "23f764a5-26de-4737-83df-071229569296", "name": "node_919d35d2-52ca-4828-bc1d-b0fcf967538b", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "*Este componente permite realizar chamadas a APIs externas, configurando o método HTTP, URL, corpo da requisição e processando a resposta da API. Ele é útil para integrar e recuperar dados de serviços externos diretamente no fluxo do chat.*\n\n*FLUXO DO COMPONENTE*\n1. O componente realiza uma requisição para a API configurada com base no método HTTP especificado.\n2. O corpo da requisição é enviado no formato JSON, se necessário.\n3. A resposta da API é processada e armazenada em variáveis para uso posterior no fluxo do chat.\n4. Muito utilizado para obter dados dinâmicos, realizar operações externas ou interagir com sistemas de terceiros.\n\n*CONFIGURANDO O COMPONENTE*\n1. Em \"Método\", selecione o tipo de requisição HTTP que será realizada: GET, POST, PUT ou DELETE.\n - *GET:* Para obter dados de uma API.\n - *POST:* Para enviar dados a uma API.\n - *PUT:* Para atualizar dados existentes em uma API.\n - *DELETE:* Para excluir dados de uma API.\n2. Em \"URL\", informe o endereço completo da API para onde a requisição será enviada.\n3. Em \"Body (JSON)\", insira o corpo da requisição em formato JSON, se necessário para o método selecionado (ex.: para POST e PUT).\n4. Em \"Variáveis\", defina um objeto para armazenar a resposta JSON da API. Este objeto pode ser usado em outros pontos do fluxo do chat para personalizar a interação com o usuário ou realizar outras ações.\n\n*O que é uma Requisição HTTP?*\nUma requisição HTTP é uma solicitação feita a um servidor para obter ou enviar dados. Os métodos HTTP definem a ação a ser realizada: GET (obter), POST (enviar), PUT (atualizar) e DELETE (excluir). O corpo da requisição (para POST e PUT) é geralmente enviado em formato JSON, que é uma forma estruturada de representar dados.", "name": "Explicando o componente" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "b92f7c02-6660-4350-8a74-6279a52028e0", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "7b02abbe-4315-4361-802e-80c1769fc63a", "output": "input_1" } ] } }, "pos_x": 406, "pos_y": 795 }, "ba69efbd-56a9-4396-8309-7976630c4c22": { "id": "ba69efbd-56a9-4396-8309-7976630c4c22", "name": "node_27c9e3bb-8e71-4d4b-bd24-e7e31ad9e4a7", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Opção incorreta, tente novamente.", "name": "Opção incorreta" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "7b02abbe-4315-4361-802e-80c1769fc63a", "input": "output_5" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "7b02abbe-4315-4361-802e-80c1769fc63a", "output": "input_1" } ] } }, "pos_x": 820, "pos_y": 1176 }, "7bf46653-fee9-480a-b3ee-8b19df43ee70": { "id": "7bf46653-fee9-480a-b3ee-8b19df43ee70", "name": "node_4e56bb68-0acb-498f-b411-7a4ad7f3c837", "data": { "type": "flow", "inputs": 1, "outputs": [], "flowId": "66aa8001272ce6cffa35bca6", "name": "Menu inicial" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "7b02abbe-4315-4361-802e-80c1769fc63a", "input": "output_4" } ] } }, "outputs": {}, "pos_x": 1091, "pos_y": 1593 }, "6a3d6053-dc2d-4733-88bc-cf5c6f79b5c2": { "id": "6a3d6053-dc2d-4733-88bc-cf5c6f79b5c2", "name": "node_f38c6c2f-8a1b-497c-8592-39e5984a6b85", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Veremos agora o uso avançado deste componente:\n\nNeste teste iremos visualizar como fica a exibição do componente utilizando o seguinte caso de uso:\n1. Utilizaremos as API do IBGE para a realização dos testes;\n2. Realizaremos uma requisição para uma API que retornará determinados estados do Brasil;\n3. Retornaremos o resultado da API e desenhar em tela, utilizando o componente \"Opção (array)\";\n4. Você irá selecionar um dos estados apresentados, após selecionar um estado, pegaremos o resultado e faremos uma nova requisição para API de regiões;\n5. Exibiremos o resultado agora desta API agora em um novo componente de \"Opção (array)\";\n6. Finalizaremos o teste com uma mensagem de finalização;\n\n*IMPORTANTE*\nEm caso de falhas sucessivas durante o teste do componente é possível no momento do teste as APIS envolvidas estejam offline, neste caso tente novamente em outro momento.", "name": "Testar componente" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "7b02abbe-4315-4361-802e-80c1769fc63a", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "866199c6-da5b-4852-8606-8f1069597c2d", "output": "input_1" } ] } }, "pos_x": 88, "pos_y": 1572 }, "866199c6-da5b-4852-8606-8f1069597c2d": { "id": "866199c6-da5b-4852-8606-8f1069597c2d", "name": "node_92659565-24cf-45b1-aba2-258b5b8c8e22", "data": { "body": "Vamos iniciar o teste utilizando as informações descritas anteriormente", "buttons": [ { "id": "596ef77c-36f6-40d9-88ef-8a54a5c5b142", "title": "Sim 👍🏽" }, { "id": "0d5835ef-1d2c-471c-9cc5-1e367016f2af", "title": "Voltar para o menu" } ], "description": "", "footer": "", "header": "Iniciar o teste", "inputs": 1, "name": "Decisão", "type": "buttons", "outputs": [ { "title": "Sim 👍🏽" }, { "title": "Voltar para o menu" }, { "title": "Nenhuma das opções" } ], "variables": [ { "name": "button_d0f2pgzy", "description": "Variável contendo o título do botão clicado" } ] }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "82b7d2a1-b0da-41d8-860b-eafc3a5fd9da", "input": "output_1" }, { "node": "6a3d6053-dc2d-4733-88bc-cf5c6f79b5c2", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "3f2a920b-bc40-4f5b-853f-77739bac3a03", "output": "input_1" } ] }, "output_2": { "connections": [ { "node": "ee954ea1-1a90-4315-80f5-af548f99e9f5", "output": "input_1" } ] }, "output_3": { "connections": [ { "node": "82b7d2a1-b0da-41d8-860b-eafc3a5fd9da", "output": "input_1" } ] } }, "pos_x": 86, "pos_y": 1909 }, "82b7d2a1-b0da-41d8-860b-eafc3a5fd9da": { "id": "82b7d2a1-b0da-41d8-860b-eafc3a5fd9da", "name": "node_7e98cc13-08db-421a-8dd7-59364353100a", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Opção incorreta, tente novamente.", "name": "Opção incorreta" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "866199c6-da5b-4852-8606-8f1069597c2d", "input": "output_3" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "866199c6-da5b-4852-8606-8f1069597c2d", "output": "input_1" } ] } }, "pos_x": 444, "pos_y": 1923 }, "ee954ea1-1a90-4315-80f5-af548f99e9f5": { "id": "ee954ea1-1a90-4315-80f5-af548f99e9f5", "name": "node_8ce9c21c-f6ea-44f2-9d8d-0cc1870dc7c0", "data": { "type": "flow", "inputs": 1, "outputs": [], "flowId": "66aa8001272ce6cffa35bca6", "name": "Menu inicial" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "866199c6-da5b-4852-8606-8f1069597c2d", "input": "output_2" } ] } }, "outputs": {}, "pos_x": 506, "pos_y": 2375 }, "3f2a920b-bc40-4f5b-853f-77739bac3a03": { "id": "3f2a920b-bc40-4f5b-853f-77739bac3a03", "name": "node_c305f608-1349-4020-90c2-d09856de8bde", "data": { "body": "", "description": "", "headers": [], "inputs": 1, "method": "GET", "name": "API Estados", "type": "api", "url": "https://servicodados.ibge.gov.br/api/v1/localidades/estados/31|32|33|41|42|43|53?orderBy=nome", "outputs": [ { "title": "Default" }, { "title": "Erro" } ], "variables": [ { "name": "apiEstados", "description": "Objeto com a resposta da JSON da API." } ] }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "866199c6-da5b-4852-8606-8f1069597c2d", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "a10cbb0d-2051-45bd-acbe-7d8878b30399", "output": "input_1" } ] }, "output_2": { "connections": [ { "node": "abb06af0-0bcc-4c7e-81fb-496734b164e4", "output": "input_1" } ] } }, "pos_x": -177, "pos_y": 2368 }, "a10cbb0d-2051-45bd-acbe-7d8878b30399": { "id": "a10cbb0d-2051-45bd-acbe-7d8878b30399", "name": "node_6804737b-dd1b-438a-8cef-fdd30cece8f6", "data": { "body": "Neste componente selecione o estado desejado", "button": "Selecionar", "description": "", "descriptionVariavel": "nome", "footer": "Iremos realizar uma nova requisição para uma nova API", "header": "Selecione o estado", "idVariable": "id", "inputs": 1, "name": "Estados", "rows": [], "titleVariavel": "sigla", "type": "options-array", "variable": "apiEstados", "outputs": [ { "title": "Default" }, { "title": "Opção selecionada" }, { "title": "Nenhuma das opções" } ], "variables": [ { "name": "estadoSelecionado", "description": "Seleção do usuário" } ] }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "9701615c-4479-4314-8616-cf6c446e5641", "input": "output_1" }, { "node": "3f2a920b-bc40-4f5b-853f-77739bac3a03", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "73bdd48c-c713-4b83-bf1e-c9bf332ebd0b", "output": "input_1" } ] }, "output_2": { "connections": [] }, "output_3": { "connections": [ { "node": "9701615c-4479-4314-8616-cf6c446e5641", "output": "input_1" } ] } }, "pos_x": -195, "pos_y": 2863 }, "abb06af0-0bcc-4c7e-81fb-496734b164e4": { "id": "abb06af0-0bcc-4c7e-81fb-496734b164e4", "name": "node_0161d1ee-92b4-4995-bd90-c7959c52a163", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Houve um erro ao tentar realizar uma requisição para API, tente novamente mais tarde.", "name": "Erro API" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "3f2a920b-bc40-4f5b-853f-77739bac3a03", "input": "output_2" } ] } }, "outputs": { "output_1": { "connections": [] } }, "pos_x": 169, "pos_y": 2579 }, "9701615c-4479-4314-8616-cf6c446e5641": { "id": "9701615c-4479-4314-8616-cf6c446e5641", "name": "node_28ae0af4-53c8-4622-ad5d-66073ff90b4d", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Opção incorreta, tente novamente.", "name": "Opção incorreta" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "a10cbb0d-2051-45bd-acbe-7d8878b30399", "input": "output_3" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "a10cbb0d-2051-45bd-acbe-7d8878b30399", "output": "input_1" } ] } }, "pos_x": 164, "pos_y": 2870 }, "79d20e06-dcec-497f-a53d-f8467a87ed2a": { "id": "79d20e06-dcec-497f-a53d-f8467a87ed2a", "name": "node_93f40712-2fb8-4f71-b660-29562884b651", "data": { "body": "", "description": "", "headers": [], "inputs": 1, "method": "GET", "name": "API Regiões", "type": "api", "url": "https://servicodados.ibge.gov.br/api/v1/localidades/estados/{{estadoSelecionado.sigla}}/mesorregioes", "outputs": [ { "title": "Default" }, { "title": "Erro" } ], "variables": [ { "name": "apiRegiao", "description": "Objeto com a resposta da JSON da API." } ] }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "73bdd48c-c713-4b83-bf1e-c9bf332ebd0b", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "7459a4c5-0bf5-4d0d-974d-b491e994cd12", "output": "input_1" } ] }, "output_2": { "connections": [] } }, "pos_x": -230, "pos_y": 3465 }, "7459a4c5-0bf5-4d0d-974d-b491e994cd12": { "id": "7459a4c5-0bf5-4d0d-974d-b491e994cd12", "name": "node_e76ec28e-be06-4050-a554-0631c53f903e", "data": { "body": "É uma subdivisão dos estados brasileiros que congrega diversos municípios de uma área geográfica", "button": "Selecionar", "description": "", "descriptionVariavel": "", "footer": "Com similaridades econômicas e sociais", "header": "Selecione a Mesorregião", "idVariable": "id", "inputs": 1, "name": "Mesorregioes", "rows": [], "titleVariavel": "nome", "type": "options-array", "variable": "apiRegiao", "outputs": [ { "title": "Default" }, { "title": "Opção selecionada" }, { "title": "Nenhuma das opções" }, { "title": "Opção selecionada" }, { "title": "Nenhuma das opções" } ], "variables": [ { "name": "option_array_zz9hjvee", "description": "Seleção do usuário" } ] }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "79d20e06-dcec-497f-a53d-f8467a87ed2a", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "0edf0a8c-7f14-4376-8559-24cd3d983dc9", "output": "input_1" } ] }, "output_2": { "connections": [] }, "output_3": { "connections": [] }, "output_4": { "connections": [] }, "output_5": { "connections": [] } }, "pos_x": -254, "pos_y": 3823 }, "0edf0a8c-7f14-4376-8559-24cd3d983dc9": { "id": "0edf0a8c-7f14-4376-8559-24cd3d983dc9", "name": "node_925d29aa-b659-4ee7-8882-ce21bff50309", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "*Parabens! Você viu agora um uso super avançado do componente API*", "name": "Teste Finalizado" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "7459a4c5-0bf5-4d0d-974d-b491e994cd12", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "7b02abbe-4315-4361-802e-80c1769fc63a", "output": "input_1" } ] } }, "pos_x": -289, "pos_y": 4244 }, "73bdd48c-c713-4b83-bf1e-c9bf332ebd0b": { "id": "73bdd48c-c713-4b83-bf1e-c9bf332ebd0b", "name": "node_2266a7db-c9b0-421e-b46d-8d8706ecbc7f", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Estado selecionado: {{estadoSelecionado.nome}}", "name": "Estado selecionado" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "a10cbb0d-2051-45bd-acbe-7d8878b30399", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "79d20e06-dcec-497f-a53d-f8467a87ed2a", "output": "input_1" } ] } }, "pos_x": -210, "pos_y": 3152 }, "7013ff11-2b6c-4636-8dfd-15aac7cb0be8": { "id": "7013ff11-2b6c-4636-8dfd-15aac7cb0be8", "name": "node_6dd1cb1a-5523-4ad8-985e-1b4f688713b9", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Acesse o video em nossa documentação clicando aqui em: *<a href=\"https://mobilesaudejira.atlassian.net/wiki/x/A4AXwQ\" target=\"_blank\">Componente API</a>*\n\n", "name": "Video explicativo" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "7b02abbe-4315-4361-802e-80c1769fc63a", "input": "output_2" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "7b02abbe-4315-4361-802e-80c1769fc63a", "output": "input_1" } ] } }, "pos_x": 406, "pos_y": 1570 }, "7b02abbe-4315-4361-802e-80c1769fc63a": { "id": "7b02abbe-4315-4361-802e-80c1769fc63a", "name": "node_08bd3b32-bbba-4843-a875-096babcc4c6f", "data": { "body": "Selecione uma das opções abaixo", "button": "Selecionar", "description": "", "footer": "", "header": "Mais alguma dúvida?", "inputs": 1, "name": "Decisão", "outputs": [ { "title": "Exemplos avançados" }, { "title": "Vídeo explicativo" }, { "title": "Ver código" }, { "title": "Ir para o menu" }, { "title": "Nenhuma das opções" } ], "rows": [ { "id": "2f9b3946-c884-46f6-bc24-bc90fb151408", "title": "Exemplos avançados", "description": "Para voce que deseja se aprofundar no conhecimento" }, { "id": "0f7d5a6f-b899-4e86-ac00-63a7ad2caef5", "title": "Vídeo explicativo", "description": "Para você que deseja ver explicação em vídeo" }, { "id": "bce61ac2-b6bf-4af9-9291-19bf2435d7bb", "title": "Ver código", "description": "Para você que deseja o código deste fluxo e importar em seus testes" }, { "id": "83f3aec2-2a2c-4a0f-935e-c4c828469f12", "title": "Ir para o menu", "description": "Para você que entendeu tudo e deseja voltar ao menu" } ], "type": "options", "variables": [ { "name": "button_ckdtpck6", "description": "Variável contendo o título da opção selecionada" } ] }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "23f764a5-26de-4737-83df-071229569296", "input": "output_1" }, { "node": "ba69efbd-56a9-4396-8309-7976630c4c22", "input": "output_1" }, { "node": "4b68ce7e-33ac-4e44-bcac-bbfa6dca4649", "input": "output_1" }, { "node": "7013ff11-2b6c-4636-8dfd-15aac7cb0be8", "input": "output_1" }, { "node": "0edf0a8c-7f14-4376-8559-24cd3d983dc9", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "6a3d6053-dc2d-4733-88bc-cf5c6f79b5c2", "output": "input_1" } ] }, "output_2": { "connections": [ { "node": "7013ff11-2b6c-4636-8dfd-15aac7cb0be8", "output": "input_1" } ] }, "output_3": { "connections": [ { "node": "4b68ce7e-33ac-4e44-bcac-bbfa6dca4649", "output": "input_1" } ] }, "output_4": { "connections": [ { "node": "7bf46653-fee9-480a-b3ee-8b19df43ee70", "output": "input_1" } ] }, "output_5": { "connections": [ { "node": "ba69efbd-56a9-4396-8309-7976630c4c22", "output": "input_1" } ] } }, "pos_x": 407, "pos_y": 1157 }, "4b68ce7e-33ac-4e44-bcac-bbfa6dca4649": { "id": "4b68ce7e-33ac-4e44-bcac-bbfa6dca4649", "name": "node_34b507db-c83d-4fee-abcc-71dbfebdae8a", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Acesse o código em nossa documentação clicando aqui em: *<a href=\"https://mobilesaudejira.atlassian.net/wiki/x/IgCmwQ\" target=\"_blank\">Código Fluxo API</a>*", "name": "Ver código" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "7b02abbe-4315-4361-802e-80c1769fc63a", "input": "output_3" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "7b02abbe-4315-4361-802e-80c1769fc63a", "output": "input_1" } ] } }, "pos_x": 709, "pos_y": 1575 } }

Mobile Saúde - Mosia Omnichannel