Código fluxo - Debug
Para você que deseja importar o código em seu fluxo e testar da forma que achar melhor.
{
"7ad6f8f2-603f-4e14-8c75-7f8c4870c07f": {
"id": "7ad6f8f2-603f-4e14-8c75-7f8c4870c07f",
"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": "fbc56dc5-2201-438c-850b-bc2721ebdd77",
"output": "input_1"
}
]
}
},
"pos_x": 650,
"pos_y": 48
},
"fbc56dc5-2201-438c-850b-bc2721ebdd77": {
"id": "fbc56dc5-2201-438c-850b-bc2721ebdd77",
"name": "node_d1a1e872-4e09-45f6-99c4-a4605fb87824",
"data": {
"type": "message",
"inputs": 1,
"outputs": [
{
"title": "Default"
}
],
"name": "Componente selecionado",
"message": "Componente selecionado: Debug"
},
"class": "",
"html": "node_default",
"typenode": "vue",
"inputs": {
"input_1": {
"connections": [
{
"node": "7ad6f8f2-603f-4e14-8c75-7f8c4870c07f",
"input": "output_1"
}
]
}
},
"outputs": {
"output_1": {
"connections": [
{
"node": "4e36d30a-dcb9-4ca7-87a7-dec0b2107a70",
"output": "input_1"
}
]
}
},
"pos_x": 619,
"pos_y": 257
},
"4e36d30a-dcb9-4ca7-87a7-dec0b2107a70": {
"id": "4e36d30a-dcb9-4ca7-87a7-dec0b2107a70",
"name": "node_2a29f760-d36c-4b2c-89bb-8733bd364b07",
"data": {
"type": "message",
"inputs": 1,
"outputs": [
{
"title": "Default"
}
],
"name": "Explicando o componente",
"message": "*Este componente permite visualizar o estado completo do fluxo de dados até o ponto atual da execução, exibindo todo o JSON montado pelos componentes anteriores. Ele é essencial para depurar e entender como o fluxo está se comportando, imprimindo todas as variáveis e dados manipulados no fluxo.*\n\n*FLUXO DO COMPONENTE*\n1. O componente gera e exibe o JSON completo contendo todas as informações e dados manipulados até o ponto atual do fluxo.\n2. Se o fluxo estiver sendo executado via WhatsApp, o debug é enviado para o número autorizado configurado.\n3. Se o fluxo estiver sendo executado via web ou app, o debug é exibido diretamente na interface da conversa.\n4. Muito utilizado para verificar o estado do fluxo, identificar possíveis erros, ou validar o comportamento dos componentes anteriores.\n\n*CONFIGURANDO O COMPONENTE*\n1. Em \"Telefone autorizado\", insira o número de WhatsApp para o qual será enviado o JSON de debug. Esse número deve ser autorizado previamente para receber as mensagens de depuração. Exemplo: `+5511999999999`.\n - *Via WhatsApp:* O JSON completo será enviado ao número configurado, garantindo que o responsável técnico ou o desenvolvedor receba todas as informações necessárias.\n - *Via Web/App:* O debug será exibido diretamente na conversa, permitindo ao usuário ou desenvolvedor revisar o estado do fluxo sem sair da aplicação.\n\n*O que é Debug?*\nDebug é o processo de identificar e corrigir problemas em um sistema. O componente \"Debug\" facilita esse processo ao mostrar todo o histórico e os dados processados até o ponto em que foi inserido no fluxo, permitindo uma análise detalhada de todas as variáveis e operações."
},
"class": "",
"html": "node_default",
"typenode": "vue",
"inputs": {
"input_1": {
"connections": [
{
"node": "fbc56dc5-2201-438c-850b-bc2721ebdd77",
"input": "output_1"
}
]
}
},
"outputs": {
"output_1": {
"connections": [
{
"node": "659c0767-56da-4157-8001-571a5accd662",
"output": "input_1"
}
]
}
},
"pos_x": 619,
"pos_y": 524
},
"dcac08a4-c6d8-4cbd-9fcf-95dc6f1b24d9": {
"id": "dcac08a4-c6d8-4cbd-9fcf-95dc6f1b24d9",
"name": "node_97ede421-7384-4352-b646-15a7ec1ed84d",
"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": "659c0767-56da-4157-8001-571a5accd662",
"input": "output_5"
}
]
}
},
"outputs": {
"output_1": {
"connections": [
{
"node": "659c0767-56da-4157-8001-571a5accd662",
"output": "input_1"
}
]
}
},
"pos_x": 1013,
"pos_y": 900
},
"ca455683-b29b-432e-8906-c2f1e934a00a": {
"id": "ca455683-b29b-432e-8906-c2f1e934a00a",
"name": "node_daff4a10-c7fb-4bf6-a91e-0cc771c42567",
"data": {
"type": "flow",
"inputs": 1,
"outputs": [],
"flowId": "66aa8001272ce6cffa35bca6",
"name": "Menu inicial"
},
"class": "",
"html": "node_default",
"typenode": "vue",
"inputs": {
"input_1": {
"connections": [
{
"node": "659c0767-56da-4157-8001-571a5accd662",
"input": "output_4"
}
]
}
},
"outputs": {},
"pos_x": 1226,
"pos_y": 1346
},
"98c68b2a-b6f8-412f-a999-69080cc7b9be": {
"id": "98c68b2a-b6f8-412f-a999-69080cc7b9be",
"name": "node_42ab53d1-07f3-46b1-883a-97d66f1d4654",
"data": {
"type": "debug",
"inputs": 1,
"outputs": [
{
"title": "Default"
}
],
"phoneAuthorised": "48984137055",
"name": "debug"
},
"class": "",
"html": "node_default",
"typenode": "vue",
"inputs": {
"input_1": {
"connections": [
{
"node": "2d8f906e-d990-4df3-8d7f-cd38179d42bd",
"input": "output_1"
}
]
}
},
"outputs": {
"output_1": {
"connections": [
{
"node": "b76da0e3-3663-44f0-a66e-635875561586",
"output": "input_1"
}
]
}
},
"pos_x": -163,
"pos_y": 2593
},
"659c0767-56da-4157-8001-571a5accd662": {
"id": "659c0767-56da-4157-8001-571a5accd662",
"name": "node_e24f9e59-e385-402d-8fab-f9518808bd26",
"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": "953fdb7c-47ac-472d-80ce-dbce62b316f1",
"title": "Exemplos avançados",
"description": "Para voce que deseja se aprofundar no conhecimento"
},
{
"id": "3668a0b2-84bb-4fbc-bc7f-9723a4807cac",
"title": "Vídeo explicativo",
"description": "Para você que deseja ver explicação em vídeo"
},
{
"id": "8a6c4726-972c-4528-8b2c-54d3304e8b6b",
"title": "Ver código",
"description": "Para você que deseja o código deste fluxo e importar em seus testes"
},
{
"id": "993d2935-67ee-4603-8f0f-741211df70c7",
"title": "Ir para o menu",
"description": "Para você que entendeu tudo e deseja voltar ao menu"
}
],
"type": "options",
"variables": [
{
"name": "button_xwsjyado",
"description": "Variável contendo o título da opção selecionada"
}
]
},
"class": "",
"html": "node_default",
"typenode": "vue",
"inputs": {
"input_1": {
"connections": [
{
"node": "dcac08a4-c6d8-4cbd-9fcf-95dc6f1b24d9",
"input": "output_1"
},
{
"node": "d4f10a15-6af7-43f8-9b62-03e5f44bd4a8",
"input": "output_1"
},
{
"node": "4e36d30a-dcb9-4ca7-87a7-dec0b2107a70",
"input": "output_1"
},
{
"node": "b76da0e3-3663-44f0-a66e-635875561586",
"input": "output_1"
},
{
"node": "18fa60fb-74ea-47bc-8b42-ec09ebebbe34",
"input": "output_1"
}
]
}
},
"outputs": {
"output_1": {
"connections": [
{
"node": "0d7101a9-a5a7-4a7f-b629-390c09b6b054",
"output": "input_1"
}
]
},
"output_2": {
"connections": [
{
"node": "18fa60fb-74ea-47bc-8b42-ec09ebebbe34",
"output": "input_1"
}
]
},
"output_3": {
"connections": [
{
"node": "d4f10a15-6af7-43f8-9b62-03e5f44bd4a8",
"output": "input_1"
}
]
},
"output_4": {
"connections": [
{
"node": "ca455683-b29b-432e-8906-c2f1e934a00a",
"output": "input_1"
}
]
},
"output_5": {
"connections": [
{
"node": "dcac08a4-c6d8-4cbd-9fcf-95dc6f1b24d9",
"output": "input_1"
}
]
}
},
"pos_x": 615,
"pos_y": 888
},
"18fa60fb-74ea-47bc-8b42-ec09ebebbe34": {
"id": "18fa60fb-74ea-47bc-8b42-ec09ebebbe34",
"name": "node_a73d7ffa-5247-4fdf-8dea-84615a79100a",
"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/CACfwQ\" target=\"_blank\">Componente Debug</a>*",
"name": "Video explicativo"
},
"class": "",
"html": "node_default",
"typenode": "vue",
"inputs": {
"input_1": {
"connections": [
{
"node": "659c0767-56da-4157-8001-571a5accd662",
"input": "output_2"
}
]
}
},
"outputs": {
"output_1": {
"connections": [
{
"node": "659c0767-56da-4157-8001-571a5accd662",
"output": "input_1"
}
]
}
},
"pos_x": 584,
"pos_y": 1345
},
"d4f10a15-6af7-43f8-9b62-03e5f44bd4a8": {
"id": "d4f10a15-6af7-43f8-9b62-03e5f44bd4a8",
"name": "node_fbe4a135-44fd-4e3c-b74c-3990fc9670e2",
"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/AgCjwQ\" target=\"_blank\">Código Fluxo Opções (array)</a>*\n\n",
"name": "Ver código"
},
"class": "",
"html": "node_default",
"typenode": "vue",
"inputs": {
"input_1": {
"connections": [
{
"node": "659c0767-56da-4157-8001-571a5accd662",
"input": "output_3"
}
]
}
},
"outputs": {
"output_1": {
"connections": [
{
"node": "659c0767-56da-4157-8001-571a5accd662",
"output": "input_1"
}
]
}
},
"pos_x": 900,
"pos_y": 1344
},
"0d7101a9-a5a7-4a7f-b629-390c09b6b054": {
"id": "0d7101a9-a5a7-4a7f-b629-390c09b6b054",
"name": "node_011b21b0-0f93-4991-9fe0-12e2b0df907f",
"data": {
"type": "message",
"inputs": 1,
"outputs": [
{
"title": "Default"
}
],
"name": "Testar componente",
"message": "*Veremos agora o uso avançado deste componente:*\n\nNeste teste, iremos visualizar como o componente \"Debug\" pode ser utilizado para depurar o fluxo de uma requisição feita para a API \"JSONPlaceholder\".\n\n### *Cenário: Requisição de dados de users e exibição do debug do fluxo.*\n - O fluxo faz uma requisição para a API do JSONPlaceholder para obter uma lista de users.\n - O componente \"Debug\" será utilizado para imprimir o JSON completo do fluxo até aquele ponto, incluindo os dados retornados pela API.\n\n### *Configuração do Fluxo:*\n - Realizaremos uma requisição GET para o endpoint da API: `https://jsonplaceholder.typicode.com/users`.\n - As variáveis e o JSON resultantes da requisição serão capturados pelo componente \"Debug\" e exibidos ou enviados conforme a configuração (WhatsApp ou Web/App).\n\n### *Fluxo do Teste:*\n - *Passo 1:* O sistema faz uma requisição para a API `https://jsonplaceholder.typicode.com/users`, que retorna uma lista de users. Exemplo de resposta:\n ```json\n [\n {\n \"id\": 1,\n \"name\": \"Leanne Graham\",\n \"username\": \"Bret\",\n \"email\": \"Sincere@april.biz\",\n \"address\": {\n \"street\": \"Kulas Light\",\n \"suite\": \"Apt. 556\",\n \"city\": \"Gwenborough\",\n \"zipcode\": \"92998-3874\",\n \"geo\": {\n \"lat\": \"-37.3159\",\n \"lng\": \"81.1496\"\n }\n },\n \"phone\": \"1-770-736-8031 x56442\",\n \"website\": \"hildegard.org\",\n \"company\": {\n \"name\": \"Romaguera-Crona\",\n \"catchPhrase\": \"Multi-layered client-server neural-net\",\n \"bs\": \"harness real-time e-markets\"\n }\n },\n {\n \"id\": 2,\n \"name\": \"Ervin Howell\",\n \"username\": \"Antonette\",\n \"email\": \"Shanna@melissa.tv\",\n \"address\": {\n \"street\": \"Victor Plains\",\n \"suite\": \"Suite 879\",\n \"city\": \"Wisokyburgh\",\n \"zipcode\": \"90566-7771\",\n \"geo\": {\n \"lat\": \"-43.9509\",\n \"lng\": \"-34.4618\"\n }\n },\n \"phone\": \"010-692-6593 x09125\",\n \"website\": \"anastasia.net\",\n \"company\": {\n \"name\": \"Deckow-Crist\",\n \"catchPhrase\": \"Proactive didactic contingency\",\n \"bs\": \"synergize scalable supply-chains\"\n }\n }\n]\n ```\n\n - *Passo 2:* O retorno da API será armazenado em uma variável. Por exemplo, `users`:\n ```json\n {\n \"users\": [\n {...}\n ```\n\n - *Passo 3:* O componente \"Debug\" é acionado para capturar o JSON gerado até esse ponto, incluindo a resposta da API e outras variáveis manipuladas no fluxo.\n\n - *Passo 4:* Se o fluxo estiver sendo executado via WhatsApp, o JSON completo será enviado para o número autorizado configurado. Se for via Web/App, o JSON será exibido na interface da conversa.\n\n - *Passo 5:* O desenvolvedor ou responsável técnico poderá revisar todas as informações processadas, como o retorno da API, o status da requisição e as variáveis do fluxo.\n\n### *Finalização:*\n - O teste será finalizado com a impressão do JSON completo, contendo todos os dados utilizados até o momento no fluxo, incluindo o retorno da API e as variáveis configuradas previamente.\n\n---\n\n*IMPORTANTE*\nSe houver falhas ao exibir o debug ou ao fazer a requisição, verifique se a URL está correta ou se o número autorizado do WhatsApp está configurado adequadamente."
},
"class": "",
"html": "node_default",
"typenode": "vue",
"inputs": {
"input_1": {
"connections": [
{
"node": "659c0767-56da-4157-8001-571a5accd662",
"input": "output_1"
}
]
}
},
"outputs": {
"output_1": {
"connections": [
{
"node": "254382f8-de8e-4b03-831d-3515e40f39d9",
"output": "input_1"
}
]
}
},
"pos_x": 167,
"pos_y": 1350
},
"254382f8-de8e-4b03-831d-3515e40f39d9": {
"id": "254382f8-de8e-4b03-831d-3515e40f39d9",
"name": "node_c162f503-9d70-4c0e-8583-f2a58df20392",
"data": {
"body": "Vamos iniciar o teste utilizando as informações descritas anteriormente",
"buttons": [
{
"id": "b9db5c64-bb36-464f-89a3-6e346428782f",
"title": "Sim 👍🏽"
},
{
"id": "e4c7c7de-fd58-4c12-a710-382345da157e",
"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_oftxsphe",
"description": "Variável contendo o título do botão clicado"
}
]
},
"class": "",
"html": "node_default",
"typenode": "vue",
"inputs": {
"input_1": {
"connections": [
{
"node": "f303f877-8681-4a65-8f7d-ac1b35d07a2b",
"input": "output_1"
},
{
"node": "0d7101a9-a5a7-4a7f-b629-390c09b6b054",
"input": "output_1"
}
]
}
},
"outputs": {
"output_1": {
"connections": [
{
"node": "2d8f906e-d990-4df3-8d7f-cd38179d42bd",
"output": "input_1"
}
]
},
"output_2": {
"connections": [
{
"node": "7e9f86fd-3cea-48d4-8818-7ad29901ddfa",
"output": "input_1"
}
]
},
"output_3": {
"connections": [
{
"node": "f303f877-8681-4a65-8f7d-ac1b35d07a2b",
"output": "input_1"
}
]
}
},
"pos_x": 162,
"pos_y": 1715
},
"7e9f86fd-3cea-48d4-8818-7ad29901ddfa": {
"id": "7e9f86fd-3cea-48d4-8818-7ad29901ddfa",
"name": "node_dfc9ce47-abdc-4c9f-8511-5ace52c39934",
"data": {
"type": "flow",
"inputs": 1,
"outputs": [
{
"title": "Default"
}
],
"flowId": "66aa8001272ce6cffa35bca6",
"name": "Menu inicial"
},
"class": "",
"html": "node_default",
"typenode": "vue",
"inputs": {
"input_1": {
"connections": [
{
"node": "254382f8-de8e-4b03-831d-3515e40f39d9",
"input": "output_2"
}
]
}
},
"outputs": {
"output_1": {
"connections": []
}
},
"pos_x": 555,
"pos_y": 2103
},
"f303f877-8681-4a65-8f7d-ac1b35d07a2b": {
"id": "f303f877-8681-4a65-8f7d-ac1b35d07a2b",
"name": "node_58024164-3ea9-4944-bdb2-f8c75dc210e5",
"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": "254382f8-de8e-4b03-831d-3515e40f39d9",
"input": "output_3"
}
]
}
},
"outputs": {
"output_1": {
"connections": [
{
"node": "254382f8-de8e-4b03-831d-3515e40f39d9",
"output": "input_1"
}
]
}
},
"pos_x": 532,
"pos_y": 1742
},
"2d8f906e-d990-4df3-8d7f-cd38179d42bd": {
"id": "2d8f906e-d990-4df3-8d7f-cd38179d42bd",
"name": "node_a27e43f3-6df4-4f19-85ff-4d6b3501b483",
"data": {
"body": "",
"description": "",
"headers": [],
"inputs": 1,
"method": "GET",
"name": "Request",
"type": "api",
"url": "https://jsonplaceholder.typicode.com/users",
"outputs": [
{
"title": "Default"
},
{
"title": "Erro"
}
],
"variables": [
{
"name": "users",
"description": "Objeto com a resposta da JSON da API."
}
]
},
"class": "",
"html": "node_default",
"typenode": "vue",
"inputs": {
"input_1": {
"connections": [
{
"node": "254382f8-de8e-4b03-831d-3515e40f39d9",
"input": "output_1"
},
{
"node": "ddf651ab-66cd-4273-89ad-d3f8d6e2db1d",
"input": "output_1"
}
]
}
},
"outputs": {
"output_1": {
"connections": [
{
"node": "98c68b2a-b6f8-412f-a999-69080cc7b9be",
"output": "input_1"
}
]
},
"output_2": {
"connections": [
{
"node": "ddf651ab-66cd-4273-89ad-d3f8d6e2db1d",
"output": "input_1"
}
]
}
},
"pos_x": -147,
"pos_y": 2198
},
"ddf651ab-66cd-4273-89ad-d3f8d6e2db1d": {
"id": "ddf651ab-66cd-4273-89ad-d3f8d6e2db1d",
"name": "node_51eaf1e0-ed39-4162-8554-411c90be182b",
"data": {
"type": "message",
"inputs": 1,
"outputs": [
{
"title": "Default"
}
],
"message": "Falha ao realizar o request, tente novamente mais tarde.",
"name": "Falha ao realizar o request"
},
"class": "",
"html": "node_default",
"typenode": "vue",
"inputs": {
"input_1": {
"connections": [
{
"node": "2d8f906e-d990-4df3-8d7f-cd38179d42bd",
"input": "output_2"
}
]
}
},
"outputs": {
"output_1": {
"connections": [
{
"node": "2d8f906e-d990-4df3-8d7f-cd38179d42bd",
"output": "input_1"
}
]
}
},
"pos_x": 158,
"pos_y": 2210
},
"b76da0e3-3663-44f0-a66e-635875561586": {
"id": "b76da0e3-3663-44f0-a66e-635875561586",
"name": "node_0e2bac41-98c7-4ae6-b5aa-1779c66d323b",
"data": {
"type": "message",
"inputs": 1,
"outputs": [
{
"title": "Default"
}
],
"message": "*Parabens! Você viu agora um uso super avançado do componente Debug*",
"name": "Teste Finalizado"
},
"class": "",
"html": "node_default",
"typenode": "vue",
"inputs": {
"input_1": {
"connections": [
{
"node": "98c68b2a-b6f8-412f-a999-69080cc7b9be",
"input": "output_1"
}
]
}
},
"outputs": {
"output_1": {
"connections": [
{
"node": "659c0767-56da-4157-8001-571a5accd662",
"output": "input_1"
}
]
}
},
"pos_x": -171,
"pos_y": 2990
}
}
Mobile Saúde - Mosia Omnichannel