Código fluxo - Debug

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

ver-codigo-vs-importar.mp4
{ "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