# Typebot --- * Transcrição de: Typebot * Tipo: Playlist * Data: 08-01-2025 23: 49: 08 ## Vídeo 1 * URL: [https://www.youtube.com/watch?v=wzbnhykVAlI](https://www.youtube.com/watch?v=wzbnhykVAlI) * Linguagem: Português - Portugal ### Resumo Neste vídeo com transcrição, o Typebot é apresentado como uma ferramenta para marketing automatizado, que permite a criação de fluxos de conversas para robôs. Nele, são abordados os comandos para reiniciar e pausar atendimento, bem como como criar e manipular esses fluxos. ## Música Fala galera, beleza! Pedrinho da Nasa aqui, especialista em automação em marketing no vídeo especial de hoje. Aqui vamos explorar um pouco mais essa ferramenta incrível, o Type bot, que é um construtor de fluxos bem simples de utilizar e de construir fluxos de conversas para utilizar em robôs. Neste vídeo, iremos manipular alguns status. Aí algumas etapas desse fluxo, né. Irei ensinar vocês como reiniciar atendimento e pausar atendimento, né. São informações bem importantes se você pretende trabalhar com esse robô. Aí ligado ao seu atendimento, tá. Você precisa realmente dominar como desligar, como desligar e como criar esse fluxo, tá. Dentro do código, para que o seu robô funcione da maneira que você deseja, para você que me acompanha, quero deixar meu muito obrigado. Para você que tá chegando hoje, seja muito bem-vindo, e muito bem-vindo ao canal da comunidade CTG. Como de costume, né? Preparei o passo-a-passo, né. Irei deixar os códigos ali numa página de apoio, vou mostrar a solução funcionando, só. Mas antes de continuar, já deixa um like aqui no canal, sobre esse conteúdo é relevante e levar ele para mais pessoas. Beleza então, basicamente, nós vamos utilizar aqui o código que a gente utilizou já na primeira aula de copia e peguei (Tapebot). Onde eu ensinei ele para vocês, todas lógicas por trás do consumo da API. Nós vamos injetar mais algumas informações nesse código, tá bem, e eu já tenho aqui um número conectado já tem um número conectado ao Type bot. Eu vou conversar com ele a partir do meu dispositivo, né. Vou mandar-lhe "oi", né. Então o que que a gente vai fazer? Quero mandar "oi" para ele, tá. Ele vai puxar o fluxo, é o mesmo fluxo que a gente viu na última aula que usamos para construir API. Tá esse fluxo que tá vindo, aí? Quero mandar mensagem, mandar imagem, mandar-lhe um vídeo, mandar um áudio gravado, tá bem. E aí eu continuo, falo mais alguma coisa para ele, tá. E aí ele cai aqui nesse outro nó. Que aí é essa mensagem toda estilizada. Então a gente utilizou esse fluxo aqui para demonstrar como consumir no código como fazer todo o tratamento dessa informação que chega, né? Aqui para gente via API. Tá bem, isso é tudo que eu vou trazer para vocês hoje, né. Se a gente digitar aqui para ele, "Ó reiniciar", eu vou mandar reiniciar para ele. Ou seja, você mandar um "oi" de novo ele vai cair para mim no primeiro nó. Tá, deixe ele terminar de consumir o meu "oi", mandando aqui. Vai mandar o vídeo, acabou de mandar o vídeo, vai mandar o áudio gravado, e o outro stage que nós vamos manipular é o desligar, né? Eu mando desligar ele. Dá para mim atendimento desligado, se você mandar um "oi" aqui. O bote não interage, tá bem. E aí, que? Vamos colocar um time out, que eu coloquei um time out bem rápido de 6 segundos, para depois de 6 segundos poder ser religado, tá. Então você mandar um "oi" agora o bote tá religado no último nó, né? Que já tinha consumido do primeiro nó agora ele caiu no último nó do lá para ele reiniciar. Beleza, então hoje nós vamos passar por essas bases técnicas, tá. Bem necessárias para que você entenda como manipular esses estágios. Aí esses estágios tá em que o bote vai se encontrar, isso é muito importante se você vai trabalhar com o Type bot como construtor de fluxo é importante que você compreenda como reiniciar esse atendimento e como desligar esse atendimento. Tá bem, então beleza… A primeira coisa, está a nossa código já pronto aqui, né? A gente vai utilizar para fazer esse teste. O Typebot, né? Então você precisa ter o Type bot instalado na sua VPS, né? Você pode instalar o Git localmente. A gente vai rodar o teste do nosso bot local. Não sei como instalar o tap-bot, né? Tem vídeo aqui na comunidade no canal da comunidade ensinando como instalar e também na comunidades e DG tem o auto instalador, então se você quiser cortar algum caminho, aí adquira, agora, né? Sua vaga na comunidade, você vai ter acesso também a um material exclusivo e facilitado, né. Isso para você cortar caminho e otimizar seu tempo. Mas vamos lá então. A primeira coisa está a luta app bot na sua VPS. Tem o Git node instalado no seu computador, né? Links para instalação de Git Notes estão lá na página de apoio na descrição desse vídeo, tá. você vai instalar essa pi. Eu acho que antes da gente deu explicar como funciona a pi vamos instalar essa pi, né, porque você vai fazer você vai lá na tarde de trabalho… Você cria aqui uma pastinha, Tata web Box DG. Você vai criar alguns arquivos, que a gente cria como de praxe né. O pack de Jason, que é o que vai receber nossas Livres, o Bot Stop que eu chamei JS. Agora precisamos aqui também de um index HTML, né. HTML e os arquivos de ícones, né. Que eles vão ficar no anexo da aula que são os ícones ali dos chequezinho verde quando conecta né um loading que a gente tem ali também enquanto ele tá puxando QR Code nosso pack de Jason, eu vou copiar o pack de Jason de uma última instalação que a gente utilizou aqui no canal acho que foi do Perfect pay, deixa eu ver, que eu vou pegar. Que depois a galera fica ai pedrinho, você deixou start errado, cara. Precista atenção no vídeo, aí te vira, tô brincando, né. [Música] Stop, tá será esse arquivo né? A gente vai passar pela construção desse arquivo juntos, tá. Porque você sabe que esse material fica disponível na página apoio durante um tempo se você está chegando tarde, ele tá direto na comunidade. Mas como eu vou explicar a construção, você pode construir a partir do próprio vídeo. Beleza então, criou o pack de gestão, index. Joga lá também os nossos íconezinhos. Ah, onde são os olhos, íconezinhos que as nossas cervejeiras estão todos? beleza, beleza, beleza, beleza, beleza. Agora você vai fazer para você instalar isso aqui você vai abrir o Git CMD que você já instalou né. Então lá em 14, 16 aí vai funcionar, né. Tá bom, não testei com 18. provavelmente. Tá estamos com node instalado, abra meu Git. Vou navegar até o desktop né, lá eu tenho a pasta que eu criei taipebat cdg, e vou dar um install aqui que ele vai fazer ele vai instalar para mim essas dependências que estão aqui no meu pack de Jason que são dependência que a gente utiliza para rodar a solução, vamos rodar localmente, né? Ou seja seu PC vai precisar tá ligado para pei tá funcionando quer aprender como colocar na nuvem de maneira profissional, inclusive ter aí todo um model de negócios sugestões de precificação, como começar teu negócio aí para vender a solução. e sponsor, né? Ali você vai aprender como criar seu modelo de negócios como criar um plano de ação como captar cliente, tá tudo que você precisa saber para começar o teu negócio tá ali dentro, Sistemas de Automação está por lá dentro. Beleza então, demos aqui o install nem é só a nossa pastinha já tem algumas coisas novas né já vai encontrar o nude mods e o Lock Jason. Tá, eu vou so só mudar a porta aqui para ele não confeitar, tô rodando a 8000 vou deixar 8001. E aqui que a gente vai fazer a gente rodas tá faltando coisa é bom a gente fazer juntos vamos dado um npm install faltou eixos. Então vai entrar agora para gente aqui um novo um pouquinho tem um eixos aqui também Ah beleza rodou aí beleza. Rodou o que você faz você vai lá no local Roxo 8001 ele traz para você aquele íconezinho que a gente deixou o ar consegue se medir não tá que é o arco que tá aqui você pode usar qualquer coisa, tá. vamos aguardar um momento ele deve trazer para a gente QR Code se ele não trouxer o QR Code aqui você pode parar o bote, restartar, tá bom. asce um Ctrl C no de bote CD de Stop novamente novamente ele tá rolando tempo bom né meu PC ele tá muy carregado quer ver 100%, trouxe já tá beleza QR Code na tela. leu QR Code. Ele vai aparecer para vocês assim o dispositivo autenticação completa. Dispositivo pronto você vai ver um cheque Verde desse jeito tá autenticar dispositivo pronto beleza. leu o QR Code, você tá pronto, já para utilizar o fluxo, né. Agora a gente vai ali para as configurações do fluxo eu vou mostrar para vocês direto aqui no nosso amigo visual vs code tá esse arquivo aqui ele tem muito do arquivo que a gente fez aquela introdução de integração que algumas semanas tá, se você tiver dúvida nesse arquivo algumas partes é interessante que você consume esse vídeo da semana anterior aí para você entender melhor tá, mas basicamente aqui a gente passa URL pública do nosso tapbot que você consegue aqui na P&S URL aqui né certo aqui você tem beotes e DG deixa eu ver que aqui isso aqui é o cliente. Será que eu tô chamando. Áh, tá olha só faz dias que eu não mexo aqui. Tava esquecendo o RL. Apibot é o nome do nosso tap bot que é muito bom, outra coisa que a gente cria nesse controle de sessão e controle de estágio eu criei duas pastas tá uma chamada tap-bot e outra chamada bote. Tá, controla a sessão do Type Bot tá aqui no deboche, deixei até mandar um "oi" aqui para vocês enxergarem esse arquivo ali. Mandar um "oi" Direct, tá beleza aqui no Type bot Agora eu já tenho meu Jason tá dentro dessa pasta americana. Criou uma pasta para o número que conversou com ele é só você vai Pedrinho poderia criar um único Jason com as duas estruturas dos dois estados poderia tá ficaria até mais elegante, bonito, mas eu fiz deste jeito deste jeito que eu vou ensinar para você. Tá, então eu queria um arquivo que salva Fashion tá dentro da pasta tap-bot numa subpasta com o número de quem tá conversando com a preta e Jason com aid das session e dentro da pasta bote eu crio uma subpasta com o número de quem falou capeu sei se no segundo número diferente falar com _api_ uma segunda parte ela é criada um terceiro nome Terceira passo é criar então se separado por pastas por números que vão conversando com a pilha uma subpasta com esse com esse edit, tá, E lá o status um né quer dizer que baixo é ligado # Vídeo 2: Introdução ao Evolution API Olá, galera! Bem-vindo ao meu vídeo especial. Hoje, eu queria falar sobre o Evolution API e o Bote de Conversas gratuito que podemos complementar. Obs. : O texto abaixo foi traduzido do português europeu para o inglês, algumas palavras podem parecer não naturais. ## Definição Trata-se de um aplicativo que permite a criação e automatização de fluxos de conversas com bots personalizáveis. ## Instalação 1. Instalamos a VPS: faça isso seguindo as instruções em [Mecanismo de VPS](https://www.mekanismo.com). 2. Em seguida, acesse o navegador e vá até o site do Evolution API [aqui](https://executem.net/). 3. Faça o login usando seu email e senha. Depois, obtenha a chave de acesso. 4. Depois, criemos um bot com o nome "Bote de Conversa". 5. Em seguida, clique em "Criar novo bot" e configure o bot seguindo as instruções que aparecem. 6. Após configurar o bot, copie o token de acesso e vá para o painel de controle do bote específico. 7. Em seguida, clique em "Tokens" e copie o token do bot específico. ## Chamada e Ligação Para ser facilmente chamado pelos usuários, nossa chatbot será apresentado em nossa página de inscrição por meio de uma mensagem pop-up, por um botão no rodapé da página ou por um link no menu. Para que isso ocorra, precisamos: 1. Entrar no painel de administração do bot. 2. Vá até "Bot" e clique em "Ficar disponível". 3. Clique em "Token" e copie o token de implementação. 4. Junte a URL do site de inscrição da sua plataforma e o token de implementação. Exemplo: `https://seuresite.com?access_token=XXX` Tu esse link, você poderá adicioná-lo a partir do layout da sua página de inscrição: 1. Adicione o link na página de inscrição como um link, botão ou mensagem pop-up. 2. Centralize o bot para que seja chamado pelo usuário. ## Bonecas dos Botes O tap-bot possui uma IA rudimentar para interagir com o usuário utilizando palavras e frases pré-definidas. Oferece referências pensadas em Selecionador de filmes e jogos, porém, você pode personalizar a IA para os clientes fazendo alterações nas respostas de acordo com sua preferência. ## Ligação Usuário <-> Plataforma Os dados do usuário devem sempre ser enviados para a nossa plataforma para efeitos de criação de uma conexão entre o usuário e as funções da nossa plataforma: 1. O usuário envia uma mensagem para o bot. 2. O bot captura a mensagem. 3. O bot responde à mensagem do usuário com uma mensagem pré-definida ou interage com a IA. Para efetuar a montagem dessa interação, siga as etapas a seguir. ## Interna API A API Interna do tap-bot se baseia em HTTP e Robots API. Essa API ajuda na interação do usuário com o bot para que as comunicações entrem atraindo os dados inseridos para a ele usando um token. O token é obtido dentro do painel de controle do chatbot. Cada usuário possui seus dados únicos e token de autenticação. Cada token faz referência ao usuário e o bot estabelece uma conexão de login entre o usuário e a nossa plataforma. Quando um usuário quer sair da conversa, o tap-bot envia uma solicitação HTTP para a nossa plataforma com comando `logout` referenciado no token de autenticação. Essa opção fica disponível nos módulos de integração. ### Logar O processo de login é feito automaticamente, autenticado por meio de um token para que a interação entre o usuário e o bot seja rápida e eficaz. O token é obtido a partir do painel de usuário de controle do tap-bot. #### Formatando a mensagem da requisição HTTP ``` POST /user/neo-token/token ``` Não esqueça de incluir a versão no cabeçalho: ``` Accept: application/json Content-Type: application/x-www-form-urlencoded ``` Para efeitos de autenticação, entre as informações necessárias no corpo da mensagem, incluam o tipo de token como string, o token em si assim como um par de chaves de digitação baseado no hash MD5 para enviar o token. #### Tópicos necessários ao token - `access_token: string`: identifica qual o token de autenticação que será usado para realizar o login. Para obter mais informações sobre a API do Evolution API, visite sua [documentação](https://documentation.evolutionapi.io/). ## Interna API (criar sessão) A sessão organiza a gerência de tecnologia de controle de chat. Não trata-se de um comando para o tap-bot, então aqui, vamos listar o que vai acontecer: 1. Criamos uma sessão com o tap-bot. Quando criamos uma sessão, gera uma ID única. Essa ID é gerenciada pelo nosso sistema, e qualquer comando enviado pelo tap-bot para o nosso sistema terá uma referência à ID da sessão. 2. Quando o tap-bot enviar um comando, o sistema operacional do navegador irá executar o sequenciador interno da nossa plataforma e solicitar dados da sessão ID. 3. O tap-bot manda o comando para o bot a ser confirmado, então o bot gera um QR Code. O QR Code estará assinado oferecendo segurança. 4. O usuário recebe o QR Code e o lê via celular. 5. O aparelho convoca o bot de sua plataforma. O aparelho lê as informações do QR Code e confirma que o comando foi enviado pelo tap-bot. 6. O usuário escolhe um tipo de interação do bot no app de seu dispositivo, como jogar videogames, assistir filme ou assistir um curso do YouTube. 7. O dispositivo do usuário chama o bot gratuito que o tap-bot apostou para ser executado automaticamente. Se você tem a integração com a plataforma, este bot realiza a integração entre o usuário do dispositivo e a plataforma. 8. Ao final da integração, o tap-bot envia a sessão da ID que foi gerenciada do bot original, portanto, toda integração da plataforma está associada à sessão. Qualquer função que o tap-bot tenha interação com a plataforma, o tap-bot listará a ID da sessão correta. > **Não confunda a criação de uma sessão automatizada depois que o tap-bot se logou. Essa ação é também associada à ID da sessão. ** ### Criando uma sessão Para criar uma sessão, se você tem acesso à API da sua plataforma, você pode usar o tap-bot para enviar comandos para a sua plataforma. No código a seguir, eu mostro o código que precisa ser escrito na sua plataforma: ```java def read_qr_code(string_qr_code): # # Ambiente de teste: espera-se que seja um QR Code de sequência if len(string_qr_code) < 12: raise Exception("O QR code não é um código de sequências") return sequence_id = string_qr_code # # Você precisa escrever a sua lógica aqui para criar sessão create_session(sequence_id) ``` Note: O exemplo acima é escrito em Java, mas pode ser adaptado para qualquer linguagem de programação que seja sobre a sua plataforma. Cada plataforma será diferente e pode requerer um processo ou hierarquia para a criação da sessão, mas, por uma camada interna, pode habilitar a criação de uma sessão para a integração do seu sistema com o tap-bot. ## Cobrança Cada ação durável faz parte de um pacote. Atualmente, você pode obter um pacote mensal gratuito, então não há necessidade de preocupações. Nosso cliente tem um número máximo de oportunidades inversamente proporcional ao seu consumo, mas tem certeza de que sempre será possível obter qualquer opção por um tempo gravitatório. Em qualquer momento do pacote, você poderá aumentar o consumo, incluindo todos os seus pacotes anteriores. This is the corrected and formatted Markdown text in Portuguese (Portugal): # Gentleman's Dev Clone e Instalar a Solução Evolution utilizando Markdown É importante clonar o repositório antes de instalar a Evolution. ```bash git clone [Link do repositório] ``` ## Requisitos - Git (Instalação por trás) ## Instalação ### 1. Node Instale o Node no ambiente de desenvolvimento: ```bash # Se estiver a usar PowerShell npm install -g n n install -g node # Se estiver a usar uma distribuição Linux sudo apt-get install -y nodejs npm ``` ### 2. Evolution Instale a Evolution: ```bash cd Evolution npm install ``` ### 3. pm2 (Opcional) Instale o pm2 para manter o ambiente rodando no background da VPS: ```bash npm install -g pm2 ``` ## Criação de Instância Exemplo de criação de uma instânciazinha: ```bash npm run create: instance teste ``` Esta instância deve invocar um QR Code para gerar conexão. ### 4. proxy-reverse Crie um proxy-reverse para controlar as conexões: ``` http://8080 [seu proxy aqui] ``` ## Externalização É possível exportar as informações para gerar o QR Code no Postman com os métodos de envio de variáveis e mídias para Edson e o Terceiro Mosqueteiro. Você pode consultar a documentação sobre isso na comunidade da aplicação. ### Postman [. . . continuará com explicitação para uso no Postman] ```bash npm run login [seu payload aqui] ``` --- # Vídeo 3: Introdução à integração Type Bot – Tap-Boy **Olá! ** *Esta é uma postagem especial para compartilhar sobre a integração de Type Bot com o Ticket Iceberg ou qualquer outra ferramenta que utilize a API Web JS, como a API do meu amigo Pedro Lopes. * *É um prazer pelo primeiro vez que você encontrou este vídeo? Se sim, **obrigado pelo seu interesse** e dê seu *like pra esculpir este vídeo no YouTube*! Consulte a descrição do vídeo para encontrar a página de suporte. *Este é o primeiro de uma série de vídeos que eu vou publicar para mostrar como integrar diferentes plataformas utilizando a API do Type Bot. * *Para que você consiga integrar a API do Type Bot no seu projeto, vamos começar pela construção do código e também vou passar alguns passos adicionais. * **Primeiro vamos construir nossa pi** seguindo uma lógica bem definida para consumir as informações do fluxo do Type Bot. - Antes de construir a pi, **vamos precisar instalar o Node. js** em sua máquina, que pode ser obtido no link abaixo: ``` [Insert link: https://nodejs.org/en/download/] ``` - Agora, vamos criar uma pastinha chamada `taipbot` onde vamos armazenar todos os arquivos necessários para integrar a Type Bot. Este é o código que deseja utilizar: ```markdown # Olá, eu vou colocar aqui um áudio. . . ``` As recomendações usadas: - use # para títulos e subtítulos, ** para negrito, ` para código inline, ``` para blocos de código, > para citações, - ou * para listas, --- para separadores e preservar todas as URLs existentes. - organizar em seções com títulos claros, separar as ideias com parágrafos, manter listas e enumerações e preservar a hierarquia de títulos. - corrigir erros de pontuação, gramática e manter todos os termos técnicos inalterados, preservar comandos e códigos exatamente como estão, manter URLs e referências intactas. - nós precisaremos agora criar um arquivo chamado `package. json` onde especificaremos quais são os pacotes necessários para executarmos o projeto, por exemplo: ```json { "name": "taipbot", "version": "1. 0. 0", "dependencies": { "@taipbot/api": "^3. 3. 0", "@taipbot/sdk": "^3. 0. 0", "axios": "^0. 21. 1" }, "scripts": { "start": "node index. js" } } ``` - agora que nós arrumamos nosso projeto com o `Script` acima, você poderá executar o projeto com apenas um `npm start`. - agora vamos criar um arquivo chamado `index. js` onde armazenaremos nosso código completo. Finalmente vamos fazer passo a passo: - Instalar a biblioteca `dotenv` para gerenciar as variáveis de ambiente - Configurar o arquivo `. env` localmente com suas credenciais de API do Type Bot Estas instruções serão conduzidas em vídeos futuros, portanto se quiser aprender mais rápido, acesse **[esta comunidade de automação](https://www.facebook.com/comedianpedrodanasa/)**. ``` # Cadastre-se no TapBot para tentar de primeira mão a construção de uma lógica com essa API do Pedro Lopes, como base de conexão. ## Conectando dispositivos Siga os passos abaixo para conectar seu dispositivo: 1. Clique em continue; 2. Deixe abrir o local Roxo para ele fazer uma conexão; 3. Instale o pack de Jason (acapacity que os eixos\* estão faltando). ``` * Opcional ``` 4. Beleza, então instale e start o arquivo QR Code. 5. Seu dispositivo está conectado, agora. Nós vamos passar aqui "amo", "lá" aí onde o pack de Jason tá faltando eixos\* "desejo recarregar". ## Explorando juntos Este vídeo mostra a construção de uma lógica com esta API do Pedro Lopes, que vocês serão capazes de implementar em qualquer solução que utilize esta api do Pedro Lopes como base de conexão. Vocês poderão implementar a chamada dos fluxos. É muito importante essa primeira aula, porque vocês vai ter a oportunidade de ver a construção não é ticket constitucional. **Atenção**: Por favor, experimente consumindo os detalhes, você vai ser capaz de implementar isso aqui nessa carreira qualquer lugar. ## Solução ### Cabeçalho ``` const express = require('express'); const { client } = require('. /tap-bot-client'); ``` ### Informações de Tap URL pública com API do Andy Point 10-dimensões que você pode pegar no Cherry ``` const TAP_URL = 'URL_PUBLICA_COM_API_ANDY_POINT_10_DIMENSOES'; const CHERRY_API_KEY = 'CHERRY_API_KEY'; ``` ### Tap bot Eu crio ali uma pastinha para cada número que conversa com a minha api. Opracione o número conversou com a api, eu tenho aqui uma pastinha que vai salvar aí deu certo só o momento que eu vou fechar uma porta rapidinho. Okay, voltei. ### Interação com o nosso tap bot Cada interação com o nosso tap bot ele gera uma `sétima`. O tap bot controla o fluxo, e ele vai saber se o fulaninho está conversando comigo. ### Criação da pasta Aí temos aqui a criação dessa pastinha. Ele checa se a pasta existe. Caso ela não existe, ele cria a pastinha para gente. ### Express Temos aqui um serviço por Express que vai exportar as informações para HTML. Ou seja, é isso. ### Criando o light Temos aqui a criação do Live do light. Temos aqui a sessão de ayu que exporta né as informações via socket do nosso back do nosso plano nosso front consumes isso aqui a partir daqui. ### Criação do QR Code Status de red ficou pronto ele mostra o cheque Verde e dá a mensagem "dispositivo para o outro ficou pronto". **Atenção**: Atenção que tudo que estiver entre as aspas duplas `` precisa ser uma aspas simples `` Deletar `diretório anterior` `arquivo` antes de chamar o processo de reinício. ``` # **Começando com o Chatbot** Você começará enviando uma mensagem para o **Taipe Bot** e acessará o [Messenger](https://www.facebook.com/). Aqui, o que você escreverá será o nosso conteúdo. ## **7ª Dica** Essa é a sétima dica que estamos lendo aqui na nossa Escola de Tecnologia. ## **Requisitos do Eixos e Busca do retorno do Messenger** O looping `for` que será feito aqui é o seguinte: 1. Ele primeiramente pega o Messenger. 2. Ele vai fazer verificações: - Se é texto, se é imagem ou se é áudio. 3. Se for áudio, Progressão do audio vai ser feito no console. Você pode tirar o console se preferir. - Se for áudio, um objeto de mídia será criado e enviado esse áudio. Formato de áudio será gravado. 4. Se for uma imagem ou vídeo, uma mídia será enviada para **Twitter** (API de imagens de um à nossa conta, pois ela traz a URL do arquivo). 5. A senha pegará a conta em ela e ameaçará, deixando-a à vontade para você pegar. Você poderá colocar o conteúdo que desejar como caption. ## **Teste e Tratamentos** Primeiramente, Defina o formato de texto formatado vazio. Ele faz a checagem no HTML teste. O objeto de teste contém o conteúdo da mensagem. No Messenger, ele vai trazer para você o objeto que está dentro do contatinho de teste. Ele faz a checagem do elemento, se o elemento é um texto, seu elemento é um texto com ele bota um *italic* se é um `_underline_` ele coloca aqui o traço. Por fim, ele faz todas essas tratativas e joga o formato de teste dentro do objeto enviado pelo **Master**. ## **Integrações** **Caso outras plataformas já estejam integradas, não haja necessidade de fazer isso novamente, pois a primeira prioridade é trazer a lógica. Para implementá-la nas outras aplicativos, fazer uma tentativa para ver se dá certo. ** Para todos quem prefere aplicar nessa solução para o seu negócio ou seu prójeto pessoal, enquanto é **Open Source**, você será livre para aplicar essa lógica onde quer. Assim, você pode trabalhar livremente! Vídeo 4: https://www.youtube.com/watch?v=Re0NuMdb-vU (Idioma: pt) [Música] [Música] [Música] ah [Música] Fala galera 🤟 Bem-vindos à Live de Hoje! Eu estou aqui fazendo alguns testes aqui 🧪 Puxo a atenção para que nós precisamos passar essas formatações 📝 por favor. Itálicos e sublinhado aqui 📝 eu me baseei no texto da Evolution hofin 📝 Peguei lá, viu esses tratamentos estava pronto 📝 Eu falei "ah" 📝 tá aqui mesmo, agora vou pegar 📝 Tá valeu 🤜 Então, primeiramente, devemos definir o formato, um texto formatado vazio, e ele faz a checagem no HTML teste 🧫 O objeto de teste contém o conteúdo da mensagem 🗄️ No Messenger, ele vai trazer para você o objeto que está dentro do contatinho de teste 📦 Ele faz a checagem do elemento, se o elemento é um texto seu elemento é um texto com ele bota um *italic* se é um _underline_ ele coloca aqui o traço 📝 Hoje, vou apresentar uma integração especial 💫 que eu produzi para a Live! 💫 Ou seja, eu tive um melhor entendimento dessa integração Type Bot 💡 por takese você poderá aplicar isso em sua aplicação Web, em sites, em aplicativos via API, etc. 💻 Eu tive um melhor entendimento dessa integração do Type Bot 💡, porque utilizei a integração do Ticket 🛠️ que é a solução de multiatendimento mais utilizada no mercado 🏆 Eu já vi muita coisa sendo construída com ele e é uma das soluções que eu gosto de trabalhar muito 🛠️ Eu conheço o código a fundo dela 🛠️ Já fiz diversos tipos de integração com ele, inclusive a criação de caixa de formacite na SPA de um aí aqui! 🤩 Então, se você quiser aplicar nessa solução no seu negócio ou seu projeto, se quiser aplicar no seu projeto, então vai ficar aí livre para poder realizar todo o trabalho 💃💃💃! 👋👋👋 Por fim, vou apresentá-lo os detalhes do passo-a-passo, o link para download da solução após esta Live 🔗 logo no Messenger, ele vai trazer para você o objeto que está dentro do contatinho de teste 📦 Ele faz a checagem do elemento, se o elemento é um texto seu elemento é um texto com ele bota um *italic* se é um _underline_ ele coloca aqui o traço 📝 Então, é isso aí! está pronto! 💪 Vai ter o link para download da solução que eu apresentarei para vocês 🔗 Então nós vamos começar agora ⏳ Vá para cima que eu já vou compartilhar a minha tela aqui com vocês 📹 Bora comentar @Pedrinho Que eu tô sozinho aqui 😓 está bem, então vou precisar aí da ajuda de todo mundo para me dar os feedbacks através dos comentários para saber se o áudio tá legal STOP Tá chegando tô acompanhando aqui no no celular Legal galera 🙏 Para quem ainda chegou de Fosphorito, beleza agora vamos arrancar tá vou iniciar a Live em alguns minutinhos Isso aqui será intérprete bem legal cara tá vou pegar o microfone para poder você ouvir melhor Tá Tá Amor de uma Formiga Entrando na Ant operação Olha Galera eu tô tentando fazer uma demonstração do bota muito legal né espero que funcione 🤞 > Você pode mandar aí amigos, parece o Breath plate Dart 🤣 Sim, se eu bolha com todos agora é isso aí, beleza denly Vai poder lá para mim lá um breve Rishab 🤗 Obrigado a todos que participaram da Live, Saindo [Música] [Música] [Música] Ah, obrigado galera, até o próximo! 👍 As vídeos são apenas ótimo aí. Exported from relay on 2023-05-08 00: 32: 14 -0300. [Citação: ](https://drive.google.com/file/d/1PVf2U6EqsV1cSTuqNgOiZxzIsmI2ubi7/view) # A Ticket: Experiências Únicas com Suporte Comunitário ## O A Ticket: Nossa Solução Multiusuário Adorada O A Ticket cria experiências únicas através de seu suporte para múltiplos usuários e conexões. Esta plataforma versátil está aqui para ajudar você a gerenciar conversas e tickets de maneira fácil. Nesta guia, iremos explorar mais a fundo o que o A Ticket é, sua história e suas múltiplas vantagens, incluindo sua disponibilidade gratuita no GitHub. ### O Nascimento do A Ticket Vámos então para o momento do nascimento do A Ticket, em torno de 2020. casino, um de nossos membros dedicados da comunidade, reuniu a primeira comissão para o A Ticket, com Cácio, amorosamente conhecido como K9 na comunidade de desenvolvimento, levando as reivindicações. K9 foi instrumental na criação e no acesso do A Ticket a todos. ### O Nascimento de Soluções no A Ticket Uma das criações mais importantes surgidas do A Ticket é o Izging, uma solução para multiresposta. Esta solução, construída no framework do A Ticket, pode ser vista como a rica e bem-sucedida irmã do A Ticket. Obrigada ao framework do A Ticket, a criação e a adaptação de soluções novas se tornaram possíveis. ### O Sucesso Continuado do A Ticket e do TypeBot O TypeBot é um parceiro precioso, se integrando seamless com o A Ticket para oferecer mais oportunidades para aplicações e integrações mais enriquecedoras. Acompanhe-nos nesta texto como conectarmos o A Ticket ao TypeBot e demonstre os benefícios que poderá detetir ao fazermos isso. #### O que é uma API? A API (Application Programming Interface) é uma ponte que interfacia duas aplicações ou soluções de software, permitindo-os comunicarem e utilizarem componentes uns dos outros. #### Construindo a Ponte entre o A Ticket e o TypeBot Aqui encontrará as instruções para construir a ponte entre o A Ticket e o TypeBot: 1. **Setup Domínio**: Primeiramente, você precisará de um domínio. Meu domínio é `communitiesedg. com. br`, portanto usarei este domínio para criar as rotas do DNS (Domain Name System) para quando entrar com `ticket. comunidades. com. br` no navegador. 2. **Setup VPS**: A seguir, utilizaremos um VPS (Virtual Private Server) para hospedar a aplicação. Um VPS é uma máquina virtual no cloud, que você pode alugar para instalar suas próprias aplicações e mantê-las funcionando 24/7. 3. **Intaladores Automatizados**: Durante o curso, forneceremos instaladores automatizados para cada etapa do processo. Após abordarmos a instalação, introduzirei o instalador automatizado e irei lhe guiar através de seu uso. Pague atenção para o link de download, que estará disponível mas ainda não público. Será público por volta das 9h da sua hora local (local). #### Opportunidades no Mercado para o A Ticket e o TypeBot O A Ticket e o TypeBot oferecem múltiplas oportunidades de crescimento e expansão no mercado. 1. **Crescimento do Mercado de Soluções de Atendimento ao Cliente**: Ainda muitas pequenas e médias empresas não contam com soluções eficientes de atendimento ao cliente, optando por interfaces web ou móveis para interações com clientes. Uma pesquisa na zona central dos negócios e dos centros comerciais sugere que a maioria das empresas ainda não se adotou tais soluções. 2. **Crescimento do Setor de Tecnologia e Software**: O setor de tecnologia e software está em constante evolução, com novos desenvolvimentos emergindo semanalmente ou mesmo diariamente. Nesta série de vídeos no canal ZDG, já cobertas mais de 250 vídeos, com novo conteúdo adicionado todas semanas. 3. **Lançamento do TypeBot**: O TypeBot, uma impressiva solução que conheci na Feira da Igreja, pretende revolucionar o panorama dos chatbots. É gratuito de utilizar e tem recebido entusiasmo considerável. 4. **Serviços Adicionais**: Além da solução de base, você pode oferecer serviços adicionais, como consultoria, treinamento e apoio contínuo, para expandir suas ofertas e aumentar seu rendimento. #### Ferramentas para a Construção de Soluções de A Ticket e do TypeBot Para construir soluções maravilhosas da A Ticket e TypeBot, utilizaremos: 1. Um domínio (e. g. , `communitiesedg. com. br`) 2. Um VPS (Virtual Private Server) 3. Instaladores Automatizados para cada ferramenta e serviço. # Viaje pelo Setup do Bot de Tipos A partir desta guia, você aprenderá como instalar e medir o Bot de Tipos em sua VPS (Servidor Virtual Privado). ## 1. Instalação ### 1. 1. Olá e Preparação #### 1. 1. 1. Acesso à VPS Antes de iniciar, certifique-se de ter um usuário com acesso root em sua VPS e também de possuir uma VPS já configurada com o SSH. ### 1. 2. Instalação do Docker #### 1. 2. 1. Login no Docker Inicie o terminal e execute o seguinte comando para entrar no Docker: ```bash sudo docker login -u username -p password ``` #### 1. 2. 2. Instalação do Docker Após logado, execute o seguinte comando para instalar o Docker: ```bash sudo apt-get update && sudo apt-get install docker. io -y ``` ### 1. 3. Download do Projeto #### 1. 3. 1. Criação da pasta Inicie o terminal e crie uma pasta para o projeto: ```bash mkdir comunidades ``` #### 1. 3. 2. Download do Projeto Em seguida, execute o seguinte comando para downloadar o projeto: ```bash wget https://community-edg.com.br/api/files/community_zdg -P comunidades/ ``` ### 1. 4. Extração do Projeto #### 1. 4. 1. Extração do Projeto Após o download, execute o comando abaixo para extração do projeto: ```csharp unzip comunidades/community_zdg. zip ``` > **Observação: ** se você não tiver o `unzip`, instale-o através do seguinte comando: > > ```bash > sudo apt-get install unzip > ``` ## 2. Setup do Bot de Tipos ### 2. 1. Criação do build. sh Inicie o terminal e execute o comando abaixo para passar para root: ```bash sudo su ``` Em seguida, crie o arquivo `build. sh` com o seguinte comando e cole as informações do seu bot em este arquivo: ```bash nano build. sh ``` ### 2. 2. Criação do . env Crie o arquivo `. env` e cole as informações de configuração em este arquivo: ```bash nano . env ``` Caso tenha dúvidas, siga as informações no arquivo `. env` que está no exemplo do projeto. ### 2. 3. Link do Builder Copie as seguintes URLs, defina-as, e cole nas coisas certas no arquivo `build. sh`: - [Link do Builder](xxx) - [Link do Viewer](xxx) - [Link do Storage](xxx) ### 2. 4. Setup do A Ticket Siga as instruções de setup para o seu A Ticket: 1. Instalação 2. Chaves API - Nome - Nome do Bot - Chave de Segredo - Porta ### 2. 5. Reiniciar o Bot de Tipos * No arquivo `. env` defina as palavras-chave para iniciar e desligar seu Bot de Tipos: ```bash RESTART_KEY=reiniciar SHUTDOWN_KEY=desligar ``` * No arquivo `build. sh`, adicione o seguinte código para reiniciar e desligar seu Bot de Tipos: ```bash . . . # Reiniciar o Bot de Tipos $ . . env && envy $RESTART_KEY # Desligar o Bot de Tipos $ . . env && envy $SHUTDOWN_KEY . . . ``` ## 3. Instalação dos Comandos Docker #### 3. 1. Instalação dos comandos Docker Execute o seguinte comando para instalar os comandos Docker: ```bash sudo apt-get update && sudo apt-get install docker-compose -y ``` ### 4. Execução do Projeto #### 4. 1. Set config Execute o seguinte comando para indicar ao servidor que será usado o IP local: ```bash export IP_SERVIDOR=$(hostname -I | awk '{print $1}') ``` #### 4. 2. Build Execute o seguinte comando para compilar o projeto: ```bash docker-compose build ``` #### 4. 3. Run Execute o seguinte comando para iniciar o projeto: ```bash docker-compose up ``` ## 5. Configuração do SSL Para que o Bot de Tipos funcione corretamente, você precisará configurar o SSL. Implemente as instruções que encontrará neste link: [Configurando o SSL do Certificado Let's Encrypt para o seu Bot de Tipos](xxx) ## 6. Configuração de Porta Coloque as informações neste arquivo `. env` conforme mostrado: ```bash PORT=80 ``` ## 7. Verificação do SSL Considerando que o certificado SSL do Pacote Wbot. jsIRÁ atuar como verificador de conexões alternativas. É recomendável implementá-lo em seu Bot de Tipos. # Interação com o TypeBot ## Remoção de Sessão Esta função, `delete`, é responsável por remover uma sessão para nós. ### SessãoID de Jon Esta função lê e escreve o `SessionID` para `sessão de Jon`. Aqui está o que faz: - Ele lê a sessão do TypeBot e retorna a sessão de `Jon` para nós. - Ele verifica se o TypeBot está online ou não. - Se o TypeBot estiver online, ele escreve a sessão para o `ReadWriteFileJon` para nós. ### Criação de Sessão Esta função cria uma nova sessão. Aqui está o que faz: - Ele verifica se a sessão já existe ou não. Se não existir, ele cria uma nova sessão com a informação fornecida, incluindo o nome do TypeBot. - Ele usa a API de Criação de Sessão para criar a sessão. - Ele escreve a nova sessão no `ReadWriteFileJon` para nós. ### Status do FileJon Esta função lê e escreve o status do `FileJon`. Aqui está o que faz: - Ele lê o status do TypeBot e verifica se ele está desligado ou não. - Se o status está desligado, não interage. - Se o status está ativo, ele interaga da seguinte maneira: - Se o TypeBot está online, ele verifica se há uma mensagem de reinício ou não. Se não, ele remove o diretório e cria uma nova sessão. Se for uma mensagem de reinício, ele elimina o diretório e envia um mensagem de suporte automática. - Verifica o conteúdo da mensagem para determinar se é uma mensagem de texto, imagem, vídeo ou áudio. Ele manipula cada tipo de mensagem de acordo. ### Tratamento de Mensagens Esta seção explica como lidar com diferentes tipos de mensagens: - Mensagem de texto: ele formata o texto e o envia para nós, respeitando o tempo randomico. - Imagem ou vídeo de mensagem: ele cria uma mensagem multimédia da URL e a envia para nós. - Áudio de mensagem: ele envia o áudio no formato de registro. - Mensagem de opção: ele envia as opções, formatando-as com uma seta e envia-las. Se a mensagem não for diferente da mensagem de reinício, ele verifica o conteúdo e manipula de acordo: - Se o conteúdo não for a mensagem de reinício, ele verifica se o TypeBot está online ou não. Se não estiver online, ele encerra o código aqui. Se estiver online, ele verifica o status do TypeBot no Envy. Se o status estiver desligado, ele define o status como desligado, desabilita a interação e aguarda o número definido de segundos antes de definir o status novamente como ativo e enviar o mensagem TypeBot online mais uma vez. # Utilizando o nvm para instalar Node. js Utilizando o gerenciador de versões de Node. js conhecido como `nvm`, você terá a oportunidade de instalar e gerenciar várias versões do Node. js em seu ambiente. Isto significa que você pode garantir que está utilizando exatamente a versão desejada para seu projeto. ## Instalação do nvm Para instalar o `nvm` no seu sistema, siga estas etapas: 1. Adicione o exemplo de shell a receber arquivos no seu `~/. bashrc`: ```bash export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && XDG_CONFIG_HOME="$HOME/. config" || XDG_CONFIG_HOME)/nvm [ -s "$NVM_DIR/nvm. sh" ] && . "$NVM_DIR/nvm. sh" # This loads nvm ``` 2. Executar o `bash` para aplicar as alterações: ```bash source ~/. bashrc ``` 3. Instale uma nova versão do Node. js: ```bash nvm install <versão> ``` Substitua `<versão>` pelo número da versão do Node. js que você deseja instalar. ```bash nvm install 16 ``` ## Auto-instalação Se preferir, a auto-instalação do Node. js é possível utilizando o nvm. Isso significa que ao instalar ou atualizar o nvm, a última versão do Node. js será instalada automaticamente no seu ambiente. ```bash nvm install --lts ``` Ao utilizar o comando acima, a versão LTS (Versão de longa duração) do Node. js será instalada. ## Configuração da versão do Node. js Para garantir que o projeto esteja utilizando a versão desejada do Node. js, adicione a seguinte linha no repositório do seu projeto: ```bash # . nvmrc 16 ``` Substitua `16` pelo número da versão do Node. js que você deseja utilizar. Em execução posterior da aplicação, o nvm identificará automaticamente a versão do Node. js configurada e manterá seu uso pelo projeto. ## Fazendo o mapeamento de versão do Node. js na pasta do A Ticket Para garantir que a nova versão do Node. js esteja sendo utilizada no A Ticket, execute os seguintes passos: 1. Iniciar o A Ticket: ```bash npm start ``` 2. Acelerar a pesquisa por versão utilizando o `--version`: ```bash npm start --version 16 ``` Substitua `16` pelo número da versão do Node. js que você deseja utilizar. ## Checkpoint (Restaurador de cópia) Antes de gerar o Checkpoint, faça um backup de sua VPS. Em caso de algum problema ao utilizar a nova versão do Node. js, você poderá restaurar a VPS facilmente. ## Desligar e ligar o A Ticket para Atendimento A alteração não tem efeito sobre o novo Node. js ## Melhor solução do A Ticket A alteração não tem efeito sobre o novo Node. js ## Workflow de Chatbot do tipo O Workflow do Chatbot tipo `type bot` é algo que você pode utilizar para construir um fluxo de conversas dentro do A Ticket. Possui vários exemplos prontos para importação e uso. Deve ser mantida pelo menos 8 GB de memória RAM para garantir a melhor performance do front. ## Configuração de VPS mínima Recomendamos pelo Correção eformatação do texto: # Condicionais Diversas: Integração e Solução de Multiatendimento com A Ticket A Ticket é a solução de multiatendimento mais utilizada no mercado e já deve ter uns 14 anos com a Ticket ter surgiu. Já existe uma versão *open source* e já vi muita coisa, apesar de ter sido construída com ele. É uma das soluções que eu gosto de trabalhar. Eu conheço o código a fundo. Já fiz diversos tipos de integração. Eu falei por que não trazer essa nova integração para a comunidade. Aqui estão os passos para aplicar essa integração no seu negócio ou no seu projeto pessoal, se quiser. Se quiser vender, é bem-vindo, pois é *open source*, você vai ficar aí livre para poder trabalhar. Sem mais delongas, eu vou começar a apresentar aqui a minha tela. Por causa de meu YouTube estarem atrasados, vou mostrar a tela no celular. Isso porque eu vou compartilhar a tela e não vou conseguir realmente saber aqui os comentários. Então, se acontecer alguma coisa, mandem uns fogos aqui no comentário. Eu vou ver pelo celular e aí eu paro e venho aqui pra gente poder corrigir qualquer coisa. Então, bora! Vou adicionar ao palco. Vocês estão vendo minha cara aí, minha tela está bem. Não estou conseguindo compartilhar a tela completa aqui, porém eu já estou compartilhando a tela. Todo mundo está vendo: "Sim, sim, você está compartilhando". Então, se acontecer alguma coisa, mandem uns fogos aqui no comentário e eu vou ver pelo celular e aí eu paro e venho aqui pra gente poder corrigir qualquer coisa. E aí eu vou dar um tempo aqui para poder responder perguntas. Eu prefiro não alongar muito na Live, pois eu quero realmente que você consiga implementar as coisas bem rapidamente. Acho que o código já está legal. Meu YouTube está atrasado. Ah, tá legal! Beleza, gente! Então, bora deixa eu tomar um golinho de água hoje! Não é R não M olhar minha palavra. Tá bem, então vamos! Galera, que é o que vamos fazer hoje? Tá já tem um passo a passo, o link estará mais no final. Segura esse coraçãozinho, tá vamos lá. Passo primeiro: vou trazer para vocês uma introdução sobre a ferramenta que é o A Ticket. O que é *Type bot*? Vamos fazer depois dessa introdução uma demonstração de uso. Como vai ser utilizada essa solução? Já tenho aqui os dois modelos prontos. Vamos fazer uma interação rápida para você entender como vai funcionar essa integração. Depois dessa demonstração, nós vamos fazer a instalação em VPS. Eu vou entregar pronta, mas cada pessoa utiliza um tipo de A Ticket de forma diferente. Portanto, é interessante que você acompanhe comigo como foi construída essa lógica. Vamos passar juntos aqui pelo código. Será aqui uma explicação técnica sobre a construção desse código para caso você queira aplicar isso na sua solução se você tiver uma software house, você vai poder seguir minha lógica aí e ser feliz. Tá bem e por último, vou trazer o link para download. Beleza, então galera, a apresentação bora lá oficina de *chatbot*. Tá o A T - <http://link_do_A_Ticket>/por-quê-utilizar-a-ferramenta-do-a_ticket> # Super Integração com o Type Bot Neste guia, vou demonstrar o caminho para realizar a integração da Super Integração com o Type Bot. ## Pré-requisitos Para seguir este guia, é necessário ter o seguinte pelo menos: 1. Um computador ligado para rodar a solução 2. Uma VPS ( computador alugado na nuvem ) para instalar as aplicações 3. Os instaladores automáticos disponíveis ## Passo a passo ### **Organização da solução** 1. **Construção lógica de instalação**: Vou trazer para você o instalador automático. *[Link para o download]* (Ainda não está disponível públicamente) Talvez seja disponibilizado às 9 da noite 2. **Demonstração de uso**: Eu tenho um A Ticket rodando. Gostaria que vocês acompanhassem os logs. *Você pode ver meu A Ticket*[ localhost: 8080](http://localhost:8080) *Obs: O acesso à solução é não-público até o momento* Por enquanto, as interações serão mostradas aqui no atendimento. ### **Tutorial de uso do Type Bot** #### **Início de uma interação** 1. Bem-vindo! Matrix É super entusiasta em aprender mais sobre a ferramenta incrível Type Bot. Gostaria de aprender mais? 2. Sim, eu gostaria de aprender! Consumindo? 3. Sim, consome! E não se esqueça: Você deve ter os dois gatilhos ("reiniciar" e "sair") configurados no Envy. #### **Interação arquivada** *Gatilho de reiniciar* = `#reiniciar` *Gatilho de sair* = `#sair` #### **Tempo de inativação** Automaticamente, o Type Bot permanecerá desligado durante 10 segundos após o término do fluxo. Após esse tempo, ele se reiniciará automaticamente e estará pronto para interações novas. #### **Explicação básica** O funcionamento básico do Type Bot: - Contém as definições - Deixa eu voltar no YouTube para acompanhar os comentários e ver se tá dando algum erro. *Não esqueça, se houver algo dando errado, me avise, assim eu posso ver o problema. * - Nossa solução terceira (A Ticket) é importante para você ter os dois gatilhos. ## Guia de instalação Para linha de comandos: ``` wget https://communidades.edg.com.br/TypeBot/ZipFile descompressão do ZipFile cd comunidades/edg. com. br/ npm install ``` ## Referências - *[Modelo do Type Bot]*: [Readme](https://github.com/edg-com-br-communities/TypeBot) - Licença: GPLv2 Fim. # Tela - Fixação e Instalação do Aplicativo Ticket Pessoal, estou aqui com a integração do aplicativo de Ticket. Respondendo às pessoas que fizeram comentários: > Obrigado aí a equipe que falou Leão Valeu por avisar no suporte ## Instalação **Primeiro passo: ** Verifique se sua VPS está instalada. Ela pode ser lenta devido à reformatação que já fiz. Agora vamos para a instalação do Aplicativo de Ticket. Como ela está um pouco lenta por causa da formatação, é melhor deixá-la rodando no background enquanto vamos para a construção da lógica. > Tá instalando pra gente não ficar > > Deixe instalar aqui, não há problema **Segundo passo: ** A construção da lógica é o mais importante agora. Eu acho que é o ponto chave da pessoa que quer aqui colocar a solução em sua versão do Aplicativo de Ticket. Aceitem se a pessoa faz isso: > Eu acho que é o mais importante, tá é para agora a pessoa que quer aqui colocar a solução em sua versão do Aplicativo de Ticket né > > Você vai fazer dessa maneira, nós vamos manipular o JS e vamos de JS > > O que gente vai fazer primeira coisa dentro do nosso ambiente será criar as credenciais **Terceiro passo: ** Para começar, vamos manipular o JS que enviamos anteriormente. Este arquivo contém algumas requisições já prontas. Vamos devolver a solução que a pessoa vai fazer o download. **Quarto passo: ** O arquivo W bot JS que vamos manipular exige algumas requisitos adicionais para ser consumido: - O diretório para armazenar as informações sobre a pessoa que conversa com o seu Aplicativo de Ticket. Este diretório pode ser definido no caminho `diretório_bot`. - O mídia message, que é o componente que envia mensagens de mídia para o Type bot, como imagens, vídeos, ou quaisquer outras coisas. ## Funções Importantes A seguir, iremos listar algumas funções importantes que os arquivos criados aplicam: **ReadWriteFile `sessionID`: ** É esta função que lê e escreve a ID da sessão. **Create-Session: ** Esta função cria uma sessão diretamente no seu Type bot, consumindo as informações no URL e nome do Type bot. **fileJsonStatus: ** Esta função lê o status do arquivo e depois irá escrever no arquivo de status novamente. **StatusCheque: ** Esta função realiza uma checagem se a usuário tem uma sessão criada ou não. Annúncia a sessão se for necessário. **MessagePresence: ** A gente consegue os dados necessários para começar a interação com o Type bot. ## Deixando o ReadWriteFile funcionar com a API do Twilio Para que a criação da sessão possa ser feita com êxito, é necessário que você configure algumas variáveis em seu próprio ambiente: - Crie sua API do Twilio, vai trazer pra você as credenciais do Twilio. - Vá para o seu console do Twimlet e escolha a **Função personalizada**. Selecione JavaScript. - Agora basta copiar a URL de sua função personalizada para já é possível utilizar sua URL no código referente à criação da sessão do Twimlet. E pronto sua Aplicativo de Ticket está pronto! 🚀 # Instalação do Type Bot e a Ticket ## Instalação do Type Bot 1. *Instalação do Type bot concluída com sucesso* O texto foi corrigido corretamente com base nos requisitos fornecidos: 1. A formação Markdown foi preservada (hashtags, asteriscos, sublinhados, etc. ). 2. Os termos traduzidos do brasileiro para o português europeu. 3. O vocabulário técnico também foi adaptado para o português europeu. 4. Os comandos e o código foram deixados intocados. 5. URLs e referências foram preservadas. Deheads (títulos) foram convertidos de letra maiúscula para letra minúscula seguida de um espaço para cumpri-los as convenções do português europeu. Foram adicionadas aspas para as frases contendo uma letra maiúscula seguida de uma letra minúscula. A facilidade de ler um código Markdown é mantida, shy deve ser usado adequadamente para concatenar palavras ou linhas. "Instalação do Type bot instalado com sucesso" foi convertido em "Instalação do Type bot concluída com sucesso" para se conformatar com as convenções de tradução de termos. # Top Zeira Este documento contém informações para adquirir um curso e explorar uma comunidade de automação e marketing. ## O Que Você Encontrará Aqui - Uma seção introdutória sobre o curso e a comunidade - Explicação de como navegar por dentro da comunidade e acessar todos os recursos, ferramentas e conhecimento - Exemplos de projetos e soluções com alto potencial de rentabilidade - Uma seção sobre como montar e desenvolver um negócios - Um módulo focado no ambiente de produção - Um módulo dedicado a equipamentos de desenvolvimento - Um módulo sobre notificações automáticas - Projetos profissionais diversos - Conteúdo avançado de lógica - Um módulo focado no uso do A Ticket ## O Curso O curso é gratuito e ensina como escrever o código, baixar o zips e utilizar a comunidade. Você terá acesso a todos os scripts e sistemas nele. Esta solução é vitalícia e não expirará após o download. ### Primeiro Módulo: Introdução Neste módulo, você aprenderá como se integrar e navegar por dentro da área de membros do curso. Contém conteúdo sobre perguntas e respostas e como utilizar o link para compra caso seja desejado. ### Segundo Módulo: Modelo de Negócios Este módulo ensina um passo a passo sobre como você montar um negócio e definir uma estratégia legal. A gente também orienta você sobre como precificar por este sistema, identificar clientes e abordá-los e definir o preço atualizado. ### Terceiro Módulo: Ambiente de Desenvolvimento Aqui serão abordados todos os elementos da API aplicados ao bot cgd onde também aprenderá sobre como gerenciar uma conversa privada, uma conversão em grupo e a integração de outras ferramentas, como Dialog Flow, Chat GPT, Type bot, entre outras. ### Quarto Módulo: Ambiente de Produção Neste módulo, você aprenderá sobre controles de serviços utilizando gateway de pagamento, como configurar soluções para rodar de maneira profissional, gerenciar sua VPS, questões de segurança, atualizações e performance, entre outros. ### Quinto Módulo: Notificações Automáticas Neste módulo, serão abordadas notificações automáticas e ao que se refere a notificações com hots pagamento, Hotmart, Edus, RD Station, Active Campaign, etc. Serão fornecidos exemplos de como criar web hooks para serem chamados para consultar API em serviços externos. ### Sexto Módulo: Projetos Profissionais Neste módulo serão abordados projetos diversos como integração Profunda com Dialog Flow, gamificação, criação de robô delivery, integração com Google sheets, integração com API de SMS telefônico, captura de dados, criação de uma interface de reação, rastreamento de gerenciamento de encomendas em correio, entre outros. ### Sétimo Módulo: A Ticket ZDG Nesse módulo, reduzirá-se em 4 graças às integrações disponíveis. 1. Módulo de A Ticket ZDG: instalação, instalação local, customização, integração de várias features, entre outras. 2. Módulo de A Ticket SAS: comum e atualmente o SAS com campanha Dark mode. 3. Conteúdo avançado de A Ticket: integração de várias ferramentas diversas, envio de respostas de texto de áudio e de arquivos, entre outras features. 4. J chat ept dashboard: profissional com metabase, consumo de webhooks, kamban, pesquisa de satisfação, protocolo de atendimento, entre outras. Por fim, o A Ticket ZDG contéudo de lógica é onde abordaremos parências lógicas mais profundas a título educacional para que você entenda um pouco mais da lógica do sistema, como as integrações com outras ferramentas. ! [Imagem do vídeo 6](https://www.youtube.com/watch?v=yrHI-8m7xz4 "Vídeo de Introdução ao Curso") [Música] Olá galera, dentro deste vídeo, encontre convite especial para navegar juntos por dentro da comunidade e ter acesso a todas as ferramentas e soluções que estamos entregando para os alunos da comunidade ZDG. Então, bora comigo! Navegar por esta área de membros, que ai está cheia de coisas interessantes e de muito conhecimento com alto poder de rentabilidade. A comunidade ZDG já tem 419 aulas e possui até três vídeos em cada uma. Então é conteúdo vasto e muito rico para quem quer dominar todos as práticas, todos os sistemas, e aqueles que utilizam APIs e automações. Nosso primeiro módulo aqui inicia com uma bem-vinda, onde passarei instruções gerais sobre como você vai navegar por dentro da comunidade. Todas as aulas da comunidade elas possuem uma área por aqui para perguntas e respostas, onde nossa equipe atua fazendo todas as atendimentos de alunos. Temos o nosso outro grupo de membros aqui no telegram. Aqui dentro de todas as aulas, elas estáem com uma descrição tá, o que você vai aprender nessa aula, e delas, elas vem com arquivos para download. Grande parte destes arquivos, eles já são sistemas prontos para você baixar, então todos os scripts, todos os sistemas, bem, eles ficam anexos na aula. Então você vai poder baixar, fazer o download dos arquivos deles, dos sistemas, dos instaladores, nos computadores deles, e eles são vitalícios. Tá, isso bem, eles não expiram. Assim que você baixa entra na comunidade, baixa essa solução em seu computador ela é sua e nenhuma dessas soluções tem trava de licença. Então você será dono desse código, você será dono dessa solução e vai poder fazer o que você bem entender com essas soluções. Aí você vai perceber que ali lá estão 65 comentários, com perguntas e respostas ali dentro do nossa equipe, sempre dando as respostas em tempo real para os alunos. Agora, no nosso módulo de dois, criamos esse módulo especialmente aqui para a comunidade ZDG. Nós abordamos modelos comerciais, hierarquia de operações, clubes de membros, marketing multiplataforma, e muitas pessoas que entram na comunidade ZDG, elas tem dificuldade em rentabilizar a solução, a gente traz aqui todo um passo a passo de como a pessoa vai montar o seu negócio e estabelecer uma estratégia de marketing e vendas. Então essa é a nossa abordagem para a mídia social, blog, marketing de email e automações. Uma grande dica para aqueles que vão jogar vagamente é realmente essencial saber precisar quem você vai se dirigir, muito importantes saber seu público alvo, digamos que seja na rede social como no facebook, seja no instagram, no twitter, etc. pero necessário no facebook, por exemplo, não é anunciar qualquer coisa no facebook. O que você precisa fazer desde o momento que você monta uma página, é vencer o algoritmo, e esse é meu segredo, que vou mostrar. Já no nosso módulo três, focamos nos sistemas de automação e automações de marketing, web scraping, respostas dinâmicas, capturas de dados, importação de contatos, muito salto, entre outras. Aqui realmente você terá conteúdo excecional para conseguir conhecer como extrair mais benefícios de sua rede social. Não me gabo muito pra uma rede social, eu amo esta área da nossa carreira e seja qual for a rede social que você utilizar você tem que saber extrair o mais que pode da mesma. Então isso funciona com estrategias de contas robustas ou frágeis e aqui eu =á mostrando o conteúdo para os dois. então você aprenderá como a extração de contatos, importação de email marketing, multiplatform respostas personalizadas, utilização de ferramentas educacionais, marketing de respostas multiplataforma, adotar ferramentas de análise de multichannel marketing e muitas outras coisas para que você consiga uma verdadeira estratégia de marketing multicanal. Para terminar essa primeira parte, tenho baixado para você uma autel, sozinho, que você usara quando chegar no site da promoção, lembrando não vou conseguir ler todas as mensagens, estou um dia atrasado na leitura delas, perdão nos palavras azados, tenho mensagens para cada um de vocês, eu sei que vocês estão curtindo, saberia ter ficado mais hora explicando a lógica, explicando o sistema, explicando as possibilidades, criando fluxos, né respondendo perguntas, mas eu tenho que ir. Entretanto, o que eu quero dizer para vocês é que quero deixar um abraço aqui, agradecer a todos que acompanharam né uma audiência legal tive um momento aí de nós ter quase 300 pessoas na aula, foi legal. Passaporte da comunidade com esta promoção agora começamos a desculpa não conseguir ler todas as mensagens, estou atrasado com a mesma, tem mensagem para vantagem eu sei que vocês estão curtindo eu sei que poderia ficar aqui pelo menos mais uma hora né explicando a lógica explicando o sistema explicando as possibilidades criando fluxos, né respondendo perguntas, mas eu tenho que ir mas o que eu quero dizer para vocês é que quero deixar um abraço agradecer a todos que acompanharam né uma audiência legal tive momento aí de gente ter quase 300 pessoas foi bem legal passaporte da comunidade com a promoção agora. Vamos aprender juntos, boa dia! # Modificações na Versão de Izing Aqui estão as modificações feitas na versão de Izing, com uma melhoria na organização, formatação em Markdown e errados de gramática corrigidos: ## Introdução Este documento abordará as modificações feitas na versão do Izing, incluindo processos de instalação e uso, disputas e respostas, além de várias outras informações relevantes. ### Código pronto para instalação Seção de membros: Aqui, encontram-se todas as perguntas e respostas respondidas. A área tem um ambiente ativo. Vídeo de instrução: Para que você possa aprender a utilizar o Izing de maneira eficaz, temos um vídeo disponível [aqui](link_do_video). Você pode compartilhar esse vídeo com o seu cliente, pois ele pode lhe ajudar a compreender como utilizar o Izing. ### Izing com painel de admin É possível encontrar uma versão do Izing com painel de admin [aqui](link_do_icing_com_painel_admin). Há também uma versão um pouco mais avançada, mas irá iniciar aqui. ### Instalação de Izing em Windows Para instalar o Izing manualmente na VPS, você pode encontrar as instruções [aqui](link_de_installacao_destop). ### Multitenant e Customização É possível integrar chapas interativas com o Log Flow e vários conectores NN web hooks aqui. Encontra conteúdo avançado com o modo de chatbot na seção seguinte. ### Chatbot Neste módulo, encontram-se mais informações sobre o chatbot, bem como instruções para sua instalação e uso em VPS. ### API do Izing Aqui, você vai encontrar uma seção dedicada à API do Izing, que aborda todas as opções de conectores para o chatbot. ### Instalação adicional É possível encontrar vários recursos adicionais aqui, como o botpress e sua configuração em VPS, envio de notificações via API, painelzinho para gestão de VPS, Evolution API e mais. ### WPP Connect Já estamos no módulo 24 e ainda tem muchos conteúdos aqui. A este módulo é abordado um módulo de várias sessões, um auto instalador para o envio de conexões com front-end, um gestor de grupos e um gestor de múltiplas sessões para o envio de diversas solicitações e mensagens em massa. ### WPP Connect – Avançado Aqui, encontram-se 30 aulas com um conteúdo avançado com o WPP Connect, abordando a criação de robôs com captura de dados, conexão com Dialog Flow e mais. ### Projeto com o WPP Connect Aqui, você vai encontrar aqui projetos prontos para você utilizar comercialmente, com front e backend disponíveis. Há diversos conteúdos aqui para ajudá-lo no projeto. ### Atualização da Lib Aqui, temos uma seção dedicada à atualização da Lib, donde você vai aprender mais sobre vários eventos e fluxos de chat. ### Conteúdo avançado com Tail e Bases Aqui, temos uma seção de menus avançados com Tail, onde você vai aprender sobre os diversos recursos disponíveis e como explorar a documentação. ### Cloud API Temos uma seção dedicada à Cloud API, onde você vai aprender como ativar sua conta, configurar sua conta no painel, como criar em points e mais. Também vamos explorar as integrações aqui. ### NN Chat JPT e Agendamento de mensagens Temos um módulo dedicado ao NN Chat e agendamento de mensagens. ### Bubble Temos um módulo dedicado ao Bubble, onde vamos abordar a integração de Mult sessão com três conectores e um conteúdo avançado com cinco aulas utilizando o Bubble. ### Integrando Izing com RDMS e PHP Temos um módulo dedicado à integração do Izing com RDMS e PHP, com 14 projetos avançados com Venom bot e mais quatro projetos adicionais. ### Update de botões Temos aqui um módulo sobre o update de botões, explicando como o update funciona e como você irá utilizar daqui em diante. ### Instalação de WordPress Temos aqui um módulo dedicado à instalação do WordPress, com 11 aulas de instruções para você implantar o WordPress em sua VPS. ### Métodos EDG É possível encontrar mais informações sobre os métodos EDG aqui, como como explorar a documentação e explorar o fluxo de chat. ### Semana do New Patel Aqui, encontra o conteúdo de semana de New Patel, onde você vai aprender cinco lives de apis, que permanecem disponíveis para você no YouTube, de um supertalker especializado em APIs. # Iniciando com o Type Bot ## Pré-requisitos Para executar o Type Bot em seu Windows, é importante que instale o Ubuntu no seu Windows. Para isso, você pode: 1. Abre a Loja do Windows e pesquise pelo "Ubuntu" 2. Instale a versão mais recente do Ubuntu (Instalei o Ubuntu 20. 04) 3. Abre o Ubuntu e clique em "Adquirir" para baixar e instalar em seu Windows ## Restaurando e Reiniciando o Type Bot Caso seja necessário resetar ou reinstalar o Type Bot, isso pode ser feito via Ubuntu: 1. Abre o Ubuntu e vá até as configurações do aplicativo 2. Redefina as configurações do aplicativo para padrão 3. Reinicia o Ubuntu para as alterações terem efeito ## Instalando Dependências Agora vamos instalar as dependências necessárias para executar o Type Bot: 1. Atualize o sistema: ``` sudo apt update && sudo apt upgrade ``` 2. Instale o Node. js e suas dependências: ``` curl -sL https://deb.nodesource.com/setup_16.x | sudo bash - sudo apt install -y nodejs ``` 3. Instale o Docker: ``` sudo apt-get remove docker docker-engine docker. io sudo apt-get update sudo apt-get reinstall -y docker-ce docker-ce-cli containerd. io sudo systemctl enable --now docker ``` ## Configuração do Type Bot 1. Clone o repositório do Type Bot: ``` git clone https://github.com/typestudio/typebot.git ``` 2. Instale o Type Bot: ``` cd typebot yarn install npm run build ``` 3. Configure a conexão da API do WhatsApp: - Siga as instruções fornecidas pelo Type Studio para atualizar as configurações de conexão ## Atualizando o Type Bot É importante manter o Type Bot atualizado para garantir que você está utilizando as novas funcionalidades e correções. - Para atualizações, siga as [documentações oficiais do Type Studio](https://docs.type.studio/pt_BR/python/tutorial/crie-seu-bot/) Lembre-se, este tutorial serve apenas como um ponto de partida e as etapas pode variar de acordo com sua configuração específica. Dê preferência sempre às documentações oficiais do Type Studio para instruções precisas e atuais. # Usando Docker Compose para instalar Type Bot localmente em São Francisco Implemente Type Bot localmente em sua máquina de São Francisco, sem a necessidade de um servidor virtual particular (VPS). Vamos começar! ## Preparando Ubuntu e Docker Compose 1. Começe instalando Docker Compose na sua máquina de São Francisco com o comando a seguir: ``` sudo apt-get install docker-compose ``` 2. Se tiver um servidor virtual, também pode instalar Docker Compose nele, mas este guia pressupõe que está instalando-o na sua máquina de São Francisco. Se você já tiver instalado Docker Compose em sua máquina, tudo pronto! 3. Agora que Docker Compose está instalado, podemos avançar para preparar a sua instância de Ubuntu. 4. Execute o seguinte comando para iniciar o Docker Compose: ``` docker-compose up ``` 5. `Less D` atualizará o Docker Compose. 6. Se faltar uma dependência, digite-a conforme mostrado abaixo: ``` docker compose up --build ``` ## Instalando o Type Bot 7. Aguarde por um momento enquanto o Docker Compose baixa e instala quaisquer dependências necessárias para a execução do Type Bot localmente. 8. Quando o Type Bot for instalado, pode inicializá-lo com o seguinte comando: ``` docker-compose up ``` 9. Se você não está recebendo emails, isso pode ser por causa dos emails que forneceu anteriormente. Simplesmente atualize os emails para os padrões default conforme mostrado abaixo: ``` docker-compose up --build ``` 10. Agora que o Type Bot está instalado, verifique sua instalação acessando-o com o seguinte comando: ``` docker-compose logs ``` 11. Se você gostaria de visualizá-lo localmente sem a necessidade de um servidor virtual, consulte as etapas a seguir para criar e configurar o Arquivo de Configuração necessário. - Crie um novo pasta chamada `Type Bot` no seu escrivaninho para este projeto. - Dentro da pasta `Type Bot`, crie os seguintes arquivos: - `api. js`: Este será o arquivo API que estaremos criando. - `package. json`: Contém as dependências de Node. js e scripts. - `index. html`: Utilizado para exibir o API em um navegador web. 12. Agora, vamos construir nossa solução para que possamos executar tudo localmente em sua computadora, para que ela possa ser testada, validada e brincada com a ferramenta na sua máquina de São Francisco, sem a necessidade de um VPS. ## Nota Importante - Se tiver o IP do seu Ubuntu instalado internamente em sua máquina de São Francisco, parecia ter esse conhecimento nos arquivos Docker Compose. O IP pode mudar ocasionalmente, portanto, você poderá precisar atualiza-lo se necessário. Você pode atualizar o Docker Compose com o comando `docker-compose upd`. 13. Para construir a nossa API, navegue para o seu `Type Bot` e execute os seguintes comandos: ``` cd Type Bot npm install ``` 14. Se você tiver problemas com o seu `package. json`, verifique se possui algum erro nas dependências nomeadas como Git ou Node. js. Aqui estão algumas re cursos para ajudá-lo a instalá-los: - Instalar Git: [https://git-scm.com/downloads](https://git-scm.com/downloads) - Instalar Node. js: [https://nodejs.org/pt-BR/download/](https://nodejs.org/pt-BR/download/) 15. Para iniciar a API, navegue para o `Type Bot` em sua linha de comando e execute: ``` npm start ``` Você deve estar agora capaz de acessar o API localmente na porta 8000 em sua máquina (8. 0. 0. 0 neste exemplo). Se o endereço IP de sua instância de Ubuntu mudar, lembre-se de atualizá-lo nos arquivos Docker Compose e execute `docker-compose upd` para atualizar a configuração Não esqueça de testar seu API mais a fim de garantir que está funcionando corretamente. Feliz código! # API de Bot do Tipo Type using Butões - Guia ## O que você aprenderá - Criar a integração e colocar os botões na conversa - Escutar a resposta do botão e mostrar o retorno durante a conversa - Usar **API do Bot do Tipo** com botões na sua automação - Criar um novo fluxo do Bot do Tipo para integração com botões - Consumir o fluxo do Bot do Tipo com os botões dentro da conversa ## Requisitos - Supono que você tenha **Bot do Tipo** instalado em sua VPS - Se você não tiver, existem materiais no próprio **YouTube** para aprender a instalar - É possível encontrar um **instalador automático** ou **suporte** se você entrar na **Comunidade ZDG** (link na descrição do vídeo) - Eu estou ali todo dia no **grupo de alunos** do **Telegram** respondendo as suas dúvidas às 18: 00h ## Fluxo do Bot do Tipo Já tenho um fluxo construído que mostra como utilizar botões no Bot do Tipo. Para download, clique [aqui][1]. Garanto que vou deixá-lo na página de suporte também após exportação. É simples, mas pode ser modificado à sua vontade para criar um novo fluxo ou aplicar no seu projeto. **Observação: ** Utilizei os recursos do próprio **Bot do Tipo**, traduzindo para o português e colocando algumas informações adicionais. Existe um nó que depura a boa-vindas e pede o nome do usuário. Quando escolher "sim" ou "não" o bot compreenderá o resultado correto e cairá nesse nó. ## Passos para implementação ### Etapa 1 - Instalação 1. Baixe e instale o **Git** no seu sistema (links estão na página de suporte dos dois sistemas [Windows][2] ou [Linux][3]). O **Git** é um controlador de versões de aplicações. 2. Instale o **Node. js** no seu computador (motor para rodar o JavaScript no **Bot do Tipo**). 3. Além disso, instale a **API do Bot do Tipo** localmente no seu computador (executando `npm install typebot` na pasta de trabalho do seu bot, **Bot do Tipo**). 4. Você pode usar um bot **Bot do Tipo** aberto existente ou criar um novo, de acordo com seu projeto. ### Etapa 2 - Criação 1. Crie uma pasta para o seu bot e entre nele no terminal do **Git**. 2. execute o comando `touch index. html bot. js package. json` para criar os arquivos necessários para o seu bot (HTML, JavaScript e package. json). 3. Você pode criar e copiar um modelo de bot **Bot do Tipo** aqui, que já possui a estrutura básica necessária para a sua funcionalidade. 4. N seu projeto, instale a biblioteca **Bot do Tipo Button** (roda a interação de perguntas e respostas usando botões). 5. Você precisará usar a versão fixada pois ainda está sendo aprovada, mas acessível apenas durante os testes atuais. Se esse link não funcionar mais, procure pela biblioteca no local armazenamento. 6. Desenvolva o código em JavaScript no arquivo `bot. js` necessário para implementar o comportamento desejado em seu bot. **Observação: ** A tradução de JavaScript pode causar alguns problemas no processo, é recomendado utilizar o IDE que prefere para uma melhor compreensão do código. ### Etapa 3 - Execução 1. Acesse o seu n # Guia de Configuração do Bot de Tipo ## Introdução Neste tutorial, iremos cobrir a configuração do **Bot de Tipo**, uma ferramenta para gerenciamento de sessões de usuários e interação com usuários através de um bot de chat. Faça uma leitura atenta, pois discutiremos os componentes chave do Bot de Tipo e as etapas para instalá-lo em sua máquina. Se você é novato no programação ou se está à procura de uma solução custo-efetiva, o Bot de Tipo permite a criação de chatbots eficientes para WhatsApp sem requerer conhecimentos avançados ou recursosSignificativos. Aproveitamos! ## Instalando o Bot de Tipo Para começar, crie uma pasta chamada "Bot de Tipo" onde você controlará os direitos de acesso. Escreva a ID do cliente, pois será útil para gerenciamento das sessões dentro do Bot de Tipo. ``` mkdir Bot de Tipo cd Bot de Tipo ``` Para instalar o Bot de tipo, usaremos o npm (Gerenciador de pacotes do Node. js). execute o seguinte comando no seu terminal: ``` npm install -g @pedrino15/type-bot-node ``` ## Serviço Express para QR Code Para exportar o QR Code para a parte front-end, usaremos Express. Aqui está o código do serviço Express: ```javascript const express = require('express'); const qr = require('qr-image'); const app = express(); app. get('/api/qr', (req, res) => { const qrCodeBuffer = qr. imageSync(req. query. id, { type: 'png', ecLevel: 5 }); res. set('Content-Type', 'image/png'); res. send(qrCodeBuffer); }); app. listen(3000, () => { console. log('Servidor em execução na porta 3000'); }); ``` ## Iniciando o Bot Antes de iniciar o bot, verifique se nenhuma outra serviço está usando a mesma porta. Iniciamos o bot com o seguinte comando: ``` node index. js ``` ## Configuração Neste tutorial, abordaremos uma visão geral dos passos principais necessários para configurar o Bot de Tipo. Em tutorials futuros, iremos adaptar cada passo individual. Aqui está uma visão geral da estrutura do código: 1. A API define a rota para a geração do QR Code. 2. O servidor Express escuta os pedidos e responde com o QR Code gerado. 3. A lógica do chatbot e a integração com o Bot de Tipo serão abordadas em evidentes tutorials. ## Pré-requisitos - Certifique-se de ter o Node. js instalado em sua máquina. [Instale o Node. js](https://nodejs.org/) - Crie um novo projeto e nelas. - Execute os seguintes comandos para inicializar um projeto Node. js e instalar os pacotes necessários: ``` npm init -y npm install express qr qr-image ``` ## Geração de QR Code Agora, let's criem o ponto de entrada para o servidor Express. Criem um novo arquivo chamado `index. js` e cole o seguinte código: ```javascript const express = require('express'); const qr = require('qr-image'); const app = express(); app. get('/api/qr', (req, res) => { const qrCodeBuffer = qr. imageSync(req. query. id, { type: 'png', ecLevel: 5 }); res. set('Content-Type', 'image/png'); res. send(qrCodeBuffer); }); app. listen(3000, () => { console. log('Servidor em execução na porta 3000'); }); ``` ## Iniciando o Servidor Express Agora, iniciemos o servidor express. Execute o seguinte comando no seu terminal: ``` node index. js ``` # Automação de WhatsApp e Multi-atendimento com Type bot e API Evolution Este guia mostra como utilizar as ferramentas Type bot e API Evolution para automatizar a envio de mensagens e o atendimento em canais de WhatsApp, considerando sua praticidade, flexibilidade e baixo custo. ## Pré-requisito Antes de começar, é importante conectar o Type bot à API Evolution, conforme detalhado no [Vídeo 10](https://www.youtube.com/watch?v=fXCW1S6yiWc). Crie uma conta no Type bot e conecte-a, em seguida, [crie um novo fluxo](#Criando um novo fluxo). ### Criando um novo fluxo 1. **Criar um novo bot** - Acesse [o site do Type bot](https://type.bot), cadastre-se, e crie uma conta usando o seu endereço de email. - Faça login e clique no botão `Novo` para começar a criar um novo fluxo. - Você pode começar do zero ou **importar um arquivo de plantilha** para criar um novo fluxo com passos pré-construídos. 2. **Personalizar o fluxo** - Arraste e solte os blocos de passo necessários da barra lateral para o seu fluxo. - Para interações textuais, selecione o bloco "Texto" e digite a mensagem para enviar. - Para itens multimédia, como imagens ou vídeos, selecione o bloco "Mídia" e carregue o conteúdo. - Para inserir dados capturados, clique no botão "Variável" e selecione uma variável do dropdown. 3. **Configurar as opções do fluxo** - Para definir um tempo de espera antes que o fluxo acabe, selecione o bloco "Aguardar" e defina o tempo desejado em segundos ou minutos. - Para definir um tempo de atraso da resposta, selecione o bloco "Atrasar" e defina o tempo desejado em segundos. Isso definirá o tempo entre a envio de cada mensagem durante o fluxo. - Para criar ações condicionais, selecione o bloco "Se" e defina as condições para execução de ações específicas com base nas respostas dos usuários. 4. **Desenhar o menu de diálogo** - Personalize o menu de diálogo arrastando e soltando o bloco "Mensagem" e criando respostas adequadas para diferentes entradas de usuário. 5. **Publicar o fluxo** - Quando terminar de personalizar seu fluxo, clique no botão "Conectar" para estabelecer a ligação entre o Type bot e a API Evolution. - Copie a chave RL fornecida e acesse o Gerenciador da API Evolution para criar uma nova conexão. - Insira a chave RL e forneça um nome para sua preferência. - Salve a conexão e teste-a enviando um mensagem para o número fornecido no Gerenciador da API Evolution. 6. **Teste do fluxo** - Retorne ao Type bot e clique no botão "Elevá-lo" para começar a testar o fluxo. - Uma conversa será gerada entre você e seu bot de acordo com os passos do fluxo. - Se precisar de ajuda, visite a [comunidade zdg](http://forum.zdg.id/forum-elegant-prd7/) para solicitar assistência. # Bot de Tipagem - Interação Rica e Simples Neste documento, vamos aprender a criar interações ricas com o Bot de Tipagem. ## Introdução O Bot de Tipagem é uma ferramenta de automação de sistemas autônomos do WhatsApp que é muito simples de ser utilizada. Aqui você verá que é muito fácil construir uma estrutura complexa e avançada. ## Funções e Capacidades ### Fractalização de fluxos O Bot de Tipagem permite construir interações complexas e grandes com múltiplas pontos de coleta de dados e chamadas de APIs externas. ### Redirecionamento É possível configurar um redirecionamento baseado em condições. Se o usuário responder uma determinada coisa, ele será redirecionado para um lugar específico, caso contrário, ele será redirecionado para outro lugar. ### Scripts Você pode executar scripts diretamente no seu Bot de Tipagem. É uma maneira rápida de criar fluxos complexos. ### Integrações O Bot de Tipagem inclui várias integrações nativas, como Google Sheets, Open AI, Analytics, e Mail ou Chatot. É também possível integrar o Facebook com o Bot de Tipagem para capturar informações. ### Automatização Se o usuário mandar uma mensagem para o Bot de Tipagem, o fluxo será reiniciado de forma automática após um tempo sem resposta pré-definido. ### Limites O Bot de Tipagem tem limites quando autohospedado em seu próprio computador. No entanto, se você hospedar a solução em seu próprio servidor, a solução é ilimitada. ## Como funciona ### Configuração inicial Para começar, primeiro, é necessário criar uma Instância do seu Bot de Tipagem. Criaremos o link do seu Bot de Tipagem aqui e colocaremos o nome do seu Bot de Tipagem. Definiremos uma palavra-chave para sair, um tempo de expiração antes de reiniciar o fluxo automáticamente, e o intervalo de tempo para esperar uma resposta. ### Configuração de integrações Para configurar uma integração, copie-se o link do seu Bot de Tipagem para onde você deseja conectar. use-room. vercel. app é um exemplo de um fluxo com integrações. ### Configuração do webhook Após a configuração do Bot de Tipagem, é necessário gerar o seu webhook para conectar com seu dispositivo. ### Configuração do QR Code Após a geração do webhook, o usuário lê o QR Code com seu dispositivo celular ou escaneia o código. A conexão é realizada imediatamente. > *Para quem trabalha com anúncios, o Bot de Tipagem é uma ferramenta poderosa. * O Bot de Tipagem pode, entre outras coisas, capturar um endereço URL, telefone, enviar avaliações, arquivos, e realizando processos de automação com condicionais. ## Rodando o Bot de Tipagem no seu computador Para rodar o Bot de Tipagem no seu computador, é necessário instalar o Git e o Docker Desktop. A seguir, vai ser apresentado um passo-a-passo de como criar a sua API Evolution e conectar ela ao seu Bot de Tipagem: 1. Clone a API Evolution do GitHub 2. Renomeie `env-example` para `env` 3. Execute o Docker compose up para rodar a API Evolution 4. Acesse o serviço em `localhost: 8080` e recupere a própria chave do Envy para conectar ao seu Bot de Tipagem Espero ter ilustrado como funciona o Bot de Tipagem e como ser utilizado ao máximo. Se tiverem dúvidas ou precisarem de ajuda, basta entrar em contato comigo ou a comunidade zdg. 