Customize Emails, Logo Marca e Muito Mais do seu Typebot

3.54k views11493 WordsCopy TextShare
Astra Online
Neste vídeo, você aprenderá a instalar o Typebot manualmente em um servidor Linux com Ubuntu 20.04. ...
Video Transcript:
fala pessoal sejam muito bem-vindos ao canal da Astra online e hoje galerinha eu vou ensinar vocês a como alterar a logomarca do Type bot alterar os e-mails enfim abrir o mundo de possibilidades para você editar o seu Type bot aí e deixar ali White Label mas antes Lemes dá aquele like se inscreve no canal ativa o Sininho para sempre receber notificação quando tiver vídeos legais como esse aqui no meu canal e se você é novo por aqui já não deixa de maratonar aqui a vasta opção de automações e muita coisa bacana que tá aqui na
faixa para você utilizar a aplicar na sua empresa aí à vontade de fazer aquele dingin extra no final do mês beleza galerinha Então vamos lá vamos botar a mão na massa lembrando outro aviso importante se você ainda não tá na comunidade da Astra online não hesite de entrar agora Temos vários modos legais aqui trabalhamos toda a parte do Type bot SAS e diversos outros materiais aqui que eu tenho certeza que se você quer ficar ninja no material que a gente ensina aqui no meu canal a comunidade da Astra online é o lugar certo para você
beleza galerinha então vamos lá o que que você vai precisar para instalar o Type bot ah pessoal o que que é o Type bot Rafael o que que esse negócio faz Que bicho que é esse pessoal Type bot é uma ferramenta de construção de bot tá então se você é novo aqui no canal se caiu aqui de paraquedas Neste vídeo tá o Type bot ele serve para isso ele é um construtor de chatbot por exemplo aqui ó tem um chatbot aqui Prontinho que eu construí aqui ó posso construir um chatbot uma arrasta e solta ela
é uma ferramenta muito completa né só só que a gente sabe que ele é uma ferramenta também muito bloqueada eu não consigo alterar aqui em cima logomarca não consigo alterar aqui não consigo alterar quase nada né pra que a gente consiga fazer essas alterações a gente tem que instalar o Type Bot de uma forma diferente tá que é o que eu vou est ensinando aqui para vocês Beleza a gente vai instalar o Type bot do zero tá Não se preocupe se você não é desenvolvedor a ideia aqui é justamente explicar para quem não entende absolutamente
nada tá mas que tem curiosidade de aprender e quer sim se profissionalizar nessa parte do Type bot Beleza então vamos lá vamos botar a mão na massa primeira coisa que a gente precisa pessoal é de um servidor tá então aqui eu venho indicar para vocês aqui a rers tá que é um servidor de qualidade Beleza pode adquirir lá Lembrando que todos os servidores recomendados aqui pessoal são recomendações não tem como a Astra online se responsabilizar por esses servidores tá bom porque não são nossos esses servidores e sim recomendações para ajudar vocês beleza recomendamos aqui a
RN recomendamos também a digital Ocean tá que é um servidor muito bom tá de ponta mesmo que vai te ajudar mas se você quer um servidor top da balada mesmo é aws pessoal aws Cloud tá Ah Rafael mas é caro não sei o quê pessoal se vocês quer fazer dinheiro se vocês quer um negócio de qualidade se vocês não quer ter dor de cabeça O Barato pode sair caro então pegue servidores de qualidade para você ter estabilidade nos seus nos seus projetos entendeu isso aqui é a o básico é a base do seu projeto então
ele tem que estar num servidor bom beleza primeira coisa Ah Rafael tenho um outro servidor aqui na hosting hosting lá na PQP e eu quero colocar lá não tô nem aí pode colocar por sua conta em risco mas depois vem reclamar que o teu projeto não tá rodando direito tá então tem isso em mente beleza coloca em servidores de qualidade tá pega um servidorzinho mais aqui mais basicão tá que vai te atender super bem não é caro tá o servidor que a gente vai pegar aqui hoje você vai ver que é bem custo benefício Com
certeza você consegue pagar por mês aí né e com certeza se você colocou um ou dois clientes Você já tem o retorno nesse servidor tranquilo tranquilo beleza muito bem então vamos lá Vamos criar o nosso servidor aqui na R tem um processo meio chato que tem que mandar documentação etc depois que você fez isso que aprovou deu tudo certo show de bola é só criar o servidor conforme eu vou fazer aqui agora beleza então vamos lá vamos adicionar um servidor muito bem aqui temos algumas configurações a localidade aqui pra gente neste momento pouco importa mas
se você quiser colocar mais perto de você aqui é sempre bom né que você tem uma latência um pouquinho menor Beleza então vou pegar aqui na nos Estados Unidos aqui é a versão do bunto 20.04 beleza aqui você pode pegar um servidor x86 tá você nunca jamais pegue essa opção aqui ó inclusive nem tá disponível para mim aqui pegue sempre essa primeira opção ou Pegue um dedicado tá você vê aqui ó o dedicado tá 12€ Tá então vamos botar aqui ó Euro hoje né botar aqui ó Euro tá 12 né ó dá R 69 pessoal
entendeu isso aqui pizza mais o frete é o que tu paga no iFood Tá então não é caro pessoal tá então ah eu quero um servidor menorzinho posso pegar pode ó pode pegar esse de 4 GB aqui já vai atender pra gente ó tá s EUR quanto aqui é 7€ olha só isso aqui é mais barato que uma caixinha de hin até me afoguei aqui porque já estou salivando já pela minha H do do final de semana e mas fica muito barato pessoal tá então pega esse servidorzinho que já vai atender Eu recomendo aqui né
sempre um pouco mais de memória RAM para você ter uma potência melhor tá que é o que eu vou pegar aqui mas aqui já dá para instalar já dá para rodar e vai funcionar aí beleza principalmente se você quer testar dá para rodar aqui não testei pessoal mas eu acho que uma configuração muito baixa né testa aí quem sabe roda né o dedicado é aqui configuração mínima configuração ideal beleza muito bem selecionamos aqui a configuração que a gente precisa Inclusive eu vou pegar um dedicado aqui que tá muito barato né vou pegar o dedicado aqui
e não precisa mexer em nada dessas configurações aqui pode ir até o final tá E aqui o que que você vai fazer você vai colocar o nome eu vou botar aqui server aula YouTube só para mim identificar você bota o nome que você quiser clica aqui embaixo na lateral e direita inferior Create by Now ele vai comprar esse servidor é agora a partir desse momento que você consegue começa a pagar por esse servidor tá ele cobra por hora mas ele tem ele o valor máximo É aquele valor que tá lá mostrando entendeu então caso você
desligue antes disso ele vai te cobrar o proporcional tá vamos aguardar ele criar aqui o servidor Beleza já criou aqui o nosso servidor vamos clicar nele aqui ó e vamos vir aqui ó em resc tá Para quê pra gente resetar a senha de passw pra gente conseguir acessar o nosso servidor vou clicar aqui muito bem ele vai resetar a senha aqui pra gente se conectar no servidor a gente vai usar esse programinha aqui ó eu já deixei aqui para vocês todo o tutorial que a gente vai est utilizando aqui no vídeo deixa eu até deixar
um pouquinho maior aqui para facilitar a visualização já vou aqui no final ó já deixei aqui todos os links úteis tá o programinha que a gente vai usar é o deixa eu aqui pegar aqui ó bit vice tá esse daqui ó botar aqui ó download bit vice SSH tá Ah Rafael mas eu uso Mac o que que eu posso fazer tem diversas formas de você acessar ó já vou botar aqui para vocês aqui ó bit vice botar aqui bit vice beleza show de bola Ah eu preciso do Mac tem esse cara aqui ó terminos acho
que é isso que se escreve nunca sei como é que escreve no negócio terminos é esse aqui ó é esse aqui ó terminos tá ele roda em qualquer computador tá tanto no Mac quanto no Linux Linux na verdade não precisa né que você usa o próprio terminal mas Mac e Windows ele vai rodar super bem ele é pago mas a versão gratuita dele já dá para você acessar o servidor e fazer o que a gente vai fazer aqui agora tá mas se os tiver no Windows Coloca esse daqui que é só sucesso beleza show de
bola Vamos abrir aqui ó abrir o meu bit vice depois que eu instalei ele tá e aqui você vai preencher os dados conforme eu vou preencher aqui agora então primeira coisa o IP do servidor que você vai pegar aqui ou aonde você contratou você vai pegar o se o seu IP vai colocar aqui tá aqui a porta sempre 22 a porta padrão aqui o username é root tá porque a gente vai acessar o acesso Master do nosso servidor beleza e e vou pegar aqui também a senha Rot ó essa daqui que a gente acabou de
resetar vou copiar ela e vou colocar aqui e vou dar um login accept and save se ele não se logar que eu acho que o que vai acontecer agora a gente reseta a senha até que ele entre tá ó vou clicar novamente aqui ó ele vai resetar muito bem copio novamente a senha coloco lá no ambiente do bit vice se ele não resetou a gente reseta de novo Tá a RN é meio chatinha mesmo nesse começo tá mas depois que você resetou a senha você salva essa senha que deu certo e sempre vai ser pela
senha ó apareceu a caixinha preta Já estamos logados no servidor salva a tua senha que tá tudo certo tá Não precisa é resetar novamente beleza muito bem agora antes de a gente continuar aqui e já vamos criar os subdomínios que a gente vai precisar aqui para as aplicações tá Quais são esses subdomínios eu vou vir aqui no meu Cloud flare tá o cloud flare ele é um intermediador de domínio para você criar uma conta aqui é totalmente gratuita tá você pode criar uma conta grátis no Cloud flare para você adicionar o seu domínio por que
que eu gosto de colocar aqui porque ele facilita muito a gestão do do domínio tá ele propaga muito mais rápido né E você já tem uma camada de segurança também enfim é um projeto muito bom né e é gratuito Então por que não utilizar para você comprar um domínio você pode comprar aqui ó no registro br que é a empresa que eu recomendo tá que é uma empresa né transparente né com seus usuários então compre um domínio aqui pegou o seu domínio cria uma conta grátis e adiciona aqui no Cloud flare ele vai te dar
os apontamentos lá você faz os apontamentos etc né e aqui você vai clicar aqui ó dentro dentro do seu domínio vai vir em DNS registros e aqui você vai criar os subdomínios que a gente vai precisar aqui agora beleza então vou pegar aqui primeiro o IP do nosso servidor Tá eu vou criar aqui ó vou adicionar o novo registro eu vou criar aqui vou apontar lá pro nosso servidor né vou tirar aqui a opção do proxs tá aponta para lá e eu vou criar aqui um subdomínio chamado servidor e ap tá você pode botar o
nome que você quiser beleza e vou salvar esse domínio aqui ó vou salvar ele aqui né subdomínio não verdade né e vou apontar aqui ó e vou botar agora no do tipo cname tá e aqui eu vou colocar agora o nome do subdomínio que eu quero pro meu Type bot eu vou botar aqui e fluxo YouTube tá só para mim saber beleza e vou apontar para esse que eu acabei de criar aqui embaixo para ele ficar canônico tá ele fica organizadinho então eu crio um principal apontando pro servidor e todos os outros Eu aponto pro
servidor Beleza então aqui ó do tipo cname agora crio aqui um esse aqui vai ser o nome do subdomínio que eu vou acessar o meu Type bot que nem eu tô acessando aqui ó fluxo PT Fantastico então é esse que eu tô criando aqui agora beleza e aponto para lá muito bem vou salvar aqui e vou criar mais um pro pra api dele né então também cname e vou botar aqui ó fluxo YouTube api você bota o nome que você quiser boto aqui também servidor tiro proxs e clico em salvar muito bem Já criei os
dois subdomínios que eu preciso aqui pra minha aplicação show de bola vou fazer o quê Vou documentar é importante pessoal sempre documentando tá Para quê Para você ter as informações salvas aqui mais organizadas durante a instalação tá então eu recomendo sempre tá então esse é meu domínio principal então ficou esse daqui o meu subdomínio né então aqui ó ponto né e o outro que é o ponto api né então aqui ó api muito bem então esses são os meus dois subdomínios que eu já criei tá e já estão salvos aqui para mim poder alimentar o
as minhas configurações que eu vou estar fazendo aqui agora beleza voltando lá pro meu bit vice o que que eu vou fazer aqui agora vou abrir o meu terminal legal abrir meu terminal Ah Rafael meu Deus do céu essa tela preta eu vou eu não sei eu vou ficar assustado Fique tranquilo eu vou tá te orientando tô pegando na sua mão para você conseguir fazer sua instalação tá bom ah Rafael fiz tudo aqui não deu certo o que que eu faço apaga tudo e começa de novo tá melhor coisa tá Ah eu vou debugar vou
tentar achar o erro esse processo é importante Com certeza para quem já é avançado para quem tá começando é muito mais fácil muito mais rápido você apagar tudo e fazer de novo tá então faz faz esse processo Quantas vezes você achar necessário tá até você entender tudo que eu fiz aqui beleza show de bola abrir minha tela preta o nosso servidor está vazio não tem nada dentro dele somente o sistema operacional tá então vou abrir agora aqui a nossa colinha aqui ó e vamos seguir o passo a passo aqui conforme tá aqui a orientação tá
primeira configuração atualizar vou copiar esse comando aqui ó control c aqui no terminal você tecla com o botão direito do seu Mouse ele vai colar o comando tecla enter ele vai executar muito bem agora ele tá atualizando a nossa máquina nosso Ubunto deixando ele atualizadinha bonitinho vamos aguardar a gente vai fazer esse processo aqui de copia e cola copia e cola durante todo o percurso aqui beleza vamos aguardar aqui lembrando se você quer esse projeto pronto Ah Rafael quero eu quero meu Type bot Prontinho Mas eu não quero fazer essa instalação eu não sei eu
não tenho tempo não se preocupe tem aqui na descrição o meu WhatsApp que é somente para quem quer fechar negócio tá pessoal me chama lá no WhatsApp que a gente tem um serviço de instalação ou até mesmo uma consultoria personalizada para você e paraa sua empresa Beleza então pode me chamar lá que a gente tem esse serviço para dúvidas Gerais a gente tem aqui o grupo do telegram pode entrar lá sempre tô respondendo vocês lá também tá E lá sim eu vou tirar dúvidas e pertinentes a esse vídeo beleza próximo comando copio coloc o botão
direito teclo enter também vai fazer mais uma atualização e instalar outros pacotes que a gente precisa aqui pra nossa instalação muito bem agora o próximo passo aqui ó a gente vai estar removendo o node JS que já tem aqui dentro a gente vai instalar uma nova versão tá então vou vir aqui ó Primeiro Comando copio colo executo ele vai remover vamos tirar aqui todas os lixos que tem aqui do nosso nodejs vou remover aqui todas as as configurações do node JS para não ficar nenhum resquício porque a gente precisa que seja bem assertivo aqui beleza
então copiando colando com o botão direito teclando enter e executando aqui agora eu vou dar um Curl aqui né para ele copiar os arquivos do repositório do node 18 que é o que a gente precisa eu vou e fixar aqui que eu quero que instale a versão 18 tá vamos dizer executar o próximo comando e agora aqui faço mais um update né que é sempre bom fazer esses updates né para ele puxar as configurações agora eu peço para de fato ele instalar o node JS aqui vamos aguardar instalar o node JS na versão que a
gente precisa que é a 18 muito bem para verificar se ele instalou com sucesso você vai digitar node traço V tecla enter ó ele já vai mostrar aqui ó tá vendo vou deixar salvo aqui para vocês também node tro V pronto ele vai mostrar aqui ó 18.20 show de bola é a versão que a gente precisa próximo comando aqui é a instalação do nosso docker tá porque essa instalação que a gente tá fazendo aqui uma instalação mista né quem acompanha meu canal sabe que eu sou muito fã do docker tá então eu vou est instalando
do zero somente o Type bot os outros projetos como e o banco de dados portainer ninx capaz de apontamento vai tá tudo em docker porque vai permitir você instalar outros projetos também em docker tá porque a gente só quer editar o Type bot então não vou instalar tudo direto no servidor porque até fica ruim pra gente escalar esse serviço tá então é uma instalação mista beleza muito bem eh executamos já o primeiro com vamos executar o primeiro comando aqui para nomear essa máquina né Muito bem o próximo comando aqui agora ó copia cola aqui ele
vai abrir essa tela pra gente aqui ó você vai navegar com as setinhas do seu teclado até onde tá tá escrito local host aqui ó tá vendo vai até lá e apaga o local host e vai escrever aqui ó Manager 1 contra o X Y enter fechou e salvou esse arquivo que a gente acabou de editar e agora aqui ó eu dou o próximo comando tá que é o quê para ele Executar a instalação do nosso docker vamos aguardar aqui também um pouquinho porque a gente precisa instalar esse docker pra gente poder subir o banco
de dados para poder instalar o nosso Type bot vamos aguardar um pouquinho aqui lembrando se você tá gostando desse conteúdo tá fazendo aquele dingin Extra Já deu certo para você contribui com o canal a gente tá deixando minha chave pixa aqui embaixo manda aquela hin manda aquela pizza pra gente a gente fica muito feliz e incentiva a gente gravar mais conteúdos aqui para vocês beleza muito bem vou transformar esse docker aqui agora em modo doc swarm por quê Porque caso eu queira escalar esse projeto fica mais fácil beleza muito bem agora eu vou executar o
próximo meu comando aqui ó que é para ele criar uma rede interna tá uma rede pros nossos contêiners se comunicarem agora o próximo aqui ó é para criar o arquivo do piner ó cliquei aqui ó ele vai abrir uma tela preta vazia você vai voltar aqui pra pastinha que eu vou deixar para download para vocês Tá então não precisa copiar nada aqui que tá tudo na descrição para você fazer download tá sem nenhuma pegadinha beleza totalmente grátis Tá bom vou abrir aqui ó painer abre esse arquivo aqui ó eu tô usando aqui o Sublime tá
também deixei aqui ó na no finalzinho aqui ó tem também aqui ó o linkzinho dele aqui ó Sublime text se você quiser fazer download ele é um editor de código tá mas se você quiser abrir com o bloco de notas também vai dar super certo sem problema aqui muito simples seleciona tudo cont control a cont contrl c e cola aqui com o botão direito novamente agora cont contrl x y enter fechou e salvou o nosso painer Beleza então agora o que que eu vou fazer o próximo comando para ele subir o nosso painer ó colei
executei ele vai subir o bloco do nosso portainer vamos aguardar um pouquinho até que ele Suba aqui com sucesso e o próximo passo vai ser a gente acessar esse painer né criar o nosso acesso Inicial e fazer as demais instalações aqui vamos aguardar um pouquinho até que o nosso portainer suba com sucesso para visualizar os nossos contêiners em execução você digita docker PS ó ele vai mostrar aqui os serviços que já estão em execução né como é que eu acesso o meu painer Rafael muito fácil pessoal vamos abrir aqui ó vou pegar aqui o ip
da minha aplicação é o IP esse mesmo que você pegou aqui na rers né durante o início da instalação coloca aqui na sua URL 2. 9000 ele vai abrir pra gente o portainer não abriu ainda deixa eu verificar aqui se ele tá subindo ainda ou se eu de fato abr Ah não perdão é 9400 tá pessoal então aqui é 9400 na verdade aqui ó pronto eu defini uma outra porta pronto ó já apareceu aqui pra gente aqui ele vai pedir pra gente criar uma senha inicial Tá eu vou colocar aqui ó um admin tá e
vou botar aqui ó eu vou botar eu vou pegar essa senha aqui cadê eu tenho uma senha padrão aqui já cadê cadê cadê eu vou definir uma senha padrão aqui ó você pode definir a senha que você quiser tá aqui ó tem que ser uma senha de 12 caracteres Beleza vou botar aqui e aqui pronto criei aqui meu acesso Inicial ele já vai logar no meu painer eu já tô dentro do meu port vou clicar aqui no meu bloco do primary tá E aqui dentro eu vou começar agora subir as stacks o que que são
as stacks as stacks são os nossos arquivos de configuração É Nossa receitinha de bolo tá é onde vai tá a sequência de tudo que vai acontecer aqui durante a instalação do projeto em questão Beleza vou clicar em stacks e vou adicionar uma nova aqui ó nova stack beleza qual que é qual que é a nossa próxima stack que a gente precisa instalar o nosso ninx tá temos também que instalar o nosso post Mas vamos vamos primeiro primeiro pro nosso njx Beleza vou abrir aqui o arquivo de configuração do ninx aqui ó njx beleza como é
que instala muito simples pessoal seleciona tudo copia cola aqui né E vamos botar o nome aqui ó que vai ser o n jinx beleza show de bola vou aqui no final eu tiro essa opção aqui do aess control e faço o Deploy do nosso n jinx vamos aguardar um pouquinho enquanto sobe o nosso ninx aonde que eu vou ver onde que ele está rodando vou clicar aqui em containers e ele vai aparecer aqui aqui em execução já já por enquanto a gente só tem o nosso piner em execução né que foi o que a gente
subiu por fora né a gente subiu aqui via terminal tá foi esses arquivos aqui ó ó já apareceu o nosso ninx aqui ó já tá rodando aqui ó então ele tá já tá instalado já tá rodando Isso que é o legal do docker ele sobe com uma facilidade muito grande né então já tá rodando nosso jinx para acessar ele muito simples pessoal aqui ó aqui já deixei o caminho para vocês ó aqui é o seu IP tá vou até deixar aqui seu IP tá aqui você vai botar o seu IP Qual que é o nosso
IP é aquele mesmo né pessoal aqui ó copio aqui do meu bit device e coloco aqui ó pronto e vou copiar essa URL aqui ó e colocar no meu navegador ele vai me pedir o login Qual que é o login Inicial esse daqui ó esse é o login padrão dele tá Que ele depois claro que a gente altera né colocar aqui já me loguei no ninx e aqui ele vai já me pedir já vai me pedir para mim alterar tá então vou ter que alterar aqui ó já vou botar o meu e-mail aqui ó que
vai ser o Astra online web né e vou salvar e já vai pedir uma senha também qual que é a senha a senha Inicial é essa daqui que a gente acabou de se logar Então você coloca aqui e aqui você vai botar sua nova senha tá qual que é minha nova senha vou botar mesma que eu botei no meu painer tá você bota aqui você quiser vou dar um save Pronto ele já configurou aqui o acesso Inicial então a gente já tá dentro nosso njx que é onde a gente vai fazer os apontamentos dos nossos
subdomínios beleza show de bola voltamos aqui pro portainer e vamos pra próxima steack qual que qual que é a nossa próxima stack se a gente olhar aqui no nosso tutorialzinho aqui ó e a gente vai ter aqui agora a instalação também do nosso postgres tá então o que que eu vou fazer aqui ó e vamos adicionar a aqui ele já pede pra gente fazer os apontamentos Tá eu vou fazer esses apontamentos depois tá então primeiro eu vou subir aqui o nosso postgres tá então vou vir aqui nova postgres botar aqui ó postgres né Vamos aqui
agora abrir aqui nossos arquivos de configuração postgres Ó abr ele aqui também muito simples pessoal seleciona tudo copia cola aqui também né nosso postgres beleza e vamos subir o nosso postgres aqui ó Deploy né V fazer o Deploy aqui dele também então ele vai instalar agora pra gente o nosso post que vai ser o nosso banco de dados aqui do nosso Type bot Beleza se a gente voltar aqui para contêiners ó já tá rodando aqui o nosso post Então já instalou com sucesso também Pode ser que demore um pouco mais dependendo do Servidor que você
pegou tá lembrando aqui eu peguei um servidor dedicado então ele é ultra rápido então é muito rapidinho para subir mas às vezes pode demorar um pouquinho mais aí para você então tenha paciência ok muito bem eh agora o que que a gente vai fazer vamos aqui ó eh nós vamos ter que entrar aqui agora no nosso postgis tá então vou vir aqui ó e vou entrar aqui no contêiner e vou entrar aqui no postgis aqui ó no contêiner do postgres e vou vir aqui em console e vou me conectar no console do postgres tá que
é o terminal do nosso postgis e aqui pessoal o que que eu vou fazer aqui agora agora eu vou agora eu vou executar aqui os comandos que eu preciso primeiro comando copio aqui eu teclo com o botão direito e vou encolar aqui ele muda um pouquinho tá teclo enter ele já entrou no nosso posts tá vou fazer o quê eu vou dar um comando aqui ó para ele criar aqui um usuário tá com o acesso admin admin colo Aqui também tá colei beleza ele já criou aqui eu vou criar o banco de dados que é
o Type Bot DB vou colar aqui ó criei o banco de dados Beleza vou dar aqui todas as permissões agora para esse banco de dados e para esse usuário que eu criei tá e vou também aqui dar mais um grand Connect aqui ó Pronto já dei todas as permissões que eu precisei aqui tá é só copiar e colar Tá pessoal se você alterar alguma senha anote onde Você alterou para depois poder atualizar também beleza show de bola agora o que que eu vou fazer aqui agora e eu vou já instalar aqui também o nosso Minion
Tá o que que é o Minion ele é como se fosse um Google Drive privado tá que vai permitir a gente guardar os nossos arquivos aqui dentro tá então eu vou voltar aqui em stacks beleza e vou adicionar mais uma stack que é o nosso Minion tá muito bem tá aqui o nosso Minion vou abrir aqui a stack do Minion que é esse cara aqui beleza e vou subir a instalação dele aqui agora tá aqui a gente tem que e atualizar aqui os domínios tá aqui ó bota aqui seu domínio tá E aqui também ó
que é o seu domínio só para você saber beleza é é vou vir aqui ó e vou vou salvar isso aqui já e vou botar aqui os domínios a gente não criou os domínios do nosso Minion Tá então vamos voltar lá pro nosso Cloud flare beleza volto pro meu Cloud flare e vou criar aqui ó vou adicionar mais umas entradas aqui ó que vai ser aqui ó o fluxo YouTube Minion tá você bota o nome que você quiser beleza copia aqui para onde eu vou apontar tiro o proxes e vou salvar beleza e vou adicionar
mais um aqui agora do tipo cname também que vai ser o nosso S3 tá aqui pronto aponto para lá também muito bem salvei Já criei aqui os subdomínios também do meu minion tá então vou colocar lá então o primeiro aqui ó esse daqui né vou abrir aqui ó e vou colocar aqui ponto o meu domínio né Qual que é o meu domínio esse daqui né Vou colocar aqui e o outro aqui embaixo que é o S3 né que a gente acabou de criar também muito bem criei os dois subdomínios aqui né o S3 e o
normal então o S3 é o back end do nosso Minion e o Minion normal é o front end beleza aqui se você quiser mudar as credenciais você também pode mudar Beleza vou copiar tudo isso daqui e vou colar lá no meu painer eu abro meu painer colo aqui e fazemos o Deploy vamos aguardar também a instalação do nosso Minion tá voltando aqui para os contêiners a gente já pode ver em execução ó já subiu nosso mino muito rapidinho beleza Vamos acessar como é que a gente vê se o nosso Minio tá funcionando vou vir aqui
ó vou copiar aqui ó o meu IP e vou colocar aqui ó dois pontos 3.000 se eu não me engano é a porta né vamos ver se ele já vai abrir aqui ou é 3001 Ah tem duas portas aqui né na verdade é 9.000 aqui ó né 9.000 e 9001 vamos botar aqui a 9.000 Então eu acho que é 9001 Ah ele já tá direcionando aqui aqui ó vamos botar 9001 só para ver se ele tá abrindo tá pessoal só é só um teste tá pessoal 9001 Opa ó ele já abriu aqui na 9001 Então
beleza já tá rodando só que a gente não vai est usando ele no eh no no IP né porque não fica legal não fica profissional e lá o Type bot também exige que ele esteja num domínio né então vamos apontar agora esses domínios que a gente criou aqui né como é que a gente faz isso lá no nosso proct Manager que a gente instalou que a gente vai fazer apontamentos vou vir aqui ó vou vir em hosts proxs hosts e vou adicionar o novo aqui ó Muito bem aqui eu vou botar o domínio tá então
esse domínio principal aqui ó vou copiar ele copio tá coloco aqui tá a porta dele qual que é é a 9001 né então vou botar aqui ó 91 Beleza vai deixar essa opção aqui do websockets ativa tá na verdade pessoal Errei aqui ó é aqui em cima que você bota tá ó aqui ó clica aqui ó pronto aqui é o IP Tá qual que é o IP o IP do seu servidor esse aqui ó copia e coloca aqui ó Beleza então aqui o domínio aqui o IP e aqui a porta Ah Rafael como é que
eu você queer essa porta porque a gente acabou de acessar aqui ó 91 Beleza se você mudou a porta você muda aqui também não tem problema e vai vir aqui em SSL e vai botar aqui para solicitar o certificado bota o SSL aqui também e dá um Angry aqui ó e dá um save agora ele vai solicitar esse SSL a instalação desse certificado pro Minion tá vamos aguardar ele aqui ele vai instalar aqui e já vai fazer o apontamento pra gente beleza e vou adicionar mais um aqui agora qual que é o próximo o próximo
é o outro aqui né que é o da nossa api aqui ó né vou copiar aqui ó que é o S3 Vou colocar aqui adicionei aqui o IP Qual que é o IP esse daqui né copio boto aqui e agora é a porta 9000 né como é que eu sei que é essa porta porque que tá no arquivo de instalação aqui ó esse aqui é api esse aqui é o front Change tá então se eu acessei na 9.001 provavelmente a porta do backend é 9.000 tá beleza também ativa aqui essa opção vem no SSL ativa
aqui também o SSL e dá um save também vai fazer o apontamento também da api do nosso mínimo vamos aguardar um pouquinho beleza como é que eu testo só vir aqui ó e clica aqui ó ele já vai direcional ó pronto tá vendo já tá no nosso domínio aqui vamos testar ver se tá certo qual que era a senha que a gente botou essa daqui né Ó o admin né E a senha né copiar aqui vamos botar aqui e já se logam já estamos dentro do nosso Minion tá muito bem o que que eu vou
fazer aqui ó vou vir em buckets tá e vou criar aqui ó Create Bucket e vou criar um aqui ó que vai ser o Type bot vou criar esse Bucket vou clicar no Type bot e vou adicionar aqui ó versão Public aqui ó pronto eu já deixei público e aqui na aess case aqui a gente já já vai criar as nossas credenciais que a gente vai botar lá no arquivo de instalação do nosso Type bot Quando chegará chegar a hora a gente já faz essa parte beleza voltando aqui agora para o nosso arquivo de instalação
tá Fique tranquilo pessoal a gente tá na metade do vídeo ainda e que é um processo realmente demorado tá pessoal Então tenha paciência preste atenção tá muita atenção agora n nessa parte que a gente vai estar fazendo aqui agora beleza primeira coisa que eu vou fazer aqui pessoal e eu vou fazer o Git Clone aqui agora tá agora a gente vai vir aqui ó e vai fazer o Git clone do nosso repositório do nosso Type botot tá agora de fato a gente começa a instalar o nosso Type bot Beleza então vou abrir aqui até o
momento a gente só estava preparando o servidor preparando o ambiente para receber ele tá vou voltar aqui pro meu terminal aqui ó e vou executar esse próximo comando aqui o que que ele vai fazer ele vai copiar todos os arquivos do Type bot beleza ó ele tá copiando aqui todos os arquivos do Type bot vamos aguardar enquanto ele vai copiando aqui ó eu vou abrir aqui ó esse repositório ó vou copiar ele aqui ó e vou vir aqui no navegador e vou colocar aqui ó muito bem por que que eu abri se você vir aqui
ó em releases aqui ó clicar aqui ó a última versão lançada é essa daqui ó quando eu tô gravando o vídeo aqui né 2.26.1 Tá se você quiser selecionar uma versão em específico porque às vezes a gente quer uma versão em específico que já tá homologada já testada tá funcionando muito bem o que que você vai fazer você vai executar esses próximos comandos aqui ó você vai entrar na pastinha no Type bot ó entrou ó como é que eu segue tá na pasta aqui ó ele tá mostrando aqui ó tá vendo o negocinho tá ficando
depois da pasta tá vendo e aqui eu vou selecionar a Brand o que que é a Brand é a versão que eu quero aqui ó tá vendo esse códigozinho aqui ó essa o código dessa versão aqui então se eu quiser pegar uma anterior aqui ah eu quero pegar essa daqui você copia esse código e coloca aqui ó e aí você vai executar esse código aqui no terminal aí ele vai selecionar aquela versão que você quer instalar beleza eu não vou fazer isso porque eu quero instalar a última versão então tá tranquilo Beleza o que que
eu vou fazer aqui agora voltando aqui pro terminal eu vou continuar então não vou selecionar nenhuma versão porque ele já puxa automaticamente a última versão tá então eu já vou pular esse item aqui eu não quero selecionar nenhuma versão anterior vou executar esse próximo comando aqui o que que ele vai fazer ele vai criar o arquivo env de configuração Então vou vir aqui ó eu vou colar aqui o arquivo Envy ó ele Já copiou e criou o arquivo Envy para mim agora eu vou abrir meu bit device aqui ó eu vou vir aqui nessa opção
aqui ó FTP que que é essa essa esse item aqui esse item vai permitir a gente acessar as pastas do nosso servidor tá então vou clicar aqui ó ele vai abrir pra gente então tudo que tá à direita aqui ó tudo que tá aqui tá dentro do meu servidor tá tudo que tá à esquerda tá no meu computador aqui local Beleza então vou fazer o quê Vou entrar aqui ó em Type bot e vou entrar aqui ó vou entrar agora aqui nesse arquivo aqui ó ponto env que é o arquivo que ele acabou de criar
vou dar dois clics aqui ó ele vai abrir aqui para mim e aqui o que que eu vou fazer aqui eu vou eh eu vou selecionar tudo e vou deletar deletei por quê Porque eu vou colocar as minhas configurações que tá aqui nessa mesma pastinha que eu disponibilizei para vocês tá tá então aqui dentro tem um arquivo chamado aqui ó arquivo env ó abre ele tá aqui todas as configurações que a gente precisa tá então seleciona tudo copia e cola aqui beleza O que que a gente vai fazer a gente só vai alterar a gente
vai preencher aqui as informações segundo cada configuração beleza primeira coisa aqui ó ele pede aqui o IP do meu banco de dados tá então aqui eu tenho que colocar o IP do meu banco onde é que eu pego esse IP é aquele mesmo que a gente usou para acessar o servidor copia e coloca aqui ó seu IP tá Por quê Porque el precisa saber qual é o IP do servidor para ele se conectar naquele banco Beleza deixa só ver aqui beleza então fechou agora ele pede aqui os dois subdomínios lembra aqueles dois subdomínios que eu
salvei lá no começo lá que são do nosso Type bot então aqui aqui ó já vou pegar esse primeiro que eu criei né você claro vai botar o seu aí né você vai botar aqui ó esse daqui esse primeiro acesso é onde o usuário vai est acessando tá então é o nosso frontend e o próximo é a nossa api tá o usuário não visualiza essa parte aqui mas é o sistema ele precisa da api tá então esses dois subdomínios aqui a gente precisa de um smtp tá essa parte de smtp é muito pessoal tá pessoal
eh gente porque tem gente que prefere um tipo de smtp tem outras pessoas que preferem outros tá eu vou usar aqui o do Gmail tá Por quê Porque é gratuito fácil de a gente configurar tá mas você pode colocar o da sua preferência Beleza então vou abrir aqui ó vou abrir o meu e-mail eu tenho um e-mail de teste aqui ó que é esse aqui que que eu vou fazer tô dentro do meu Gmail tá então eu vou entrar aqui ó vou clicar aqui ó vou vir gerenciar sua conta do Google vou clicar aqui tá
ele vai abrir o meu gerenciador Beleza vou clicar em segurança tá E aqui ó você tem que ter essa opção ativa tá ó verificação em duas etapas ela tem que tá ativa tá se não tiver não vai funcionar e você vai vir aqui no pesquisar aqui ó vai pesquisar senhas de app ó já apareceu aqui ó Primeira opção senhas de app clica nela ele vai direcionar para cá que ele vai pedir a senha novamente você bota aí sua senha beleza aqui você vai botar um nome pode botar o nome que você quiser botar um teste
aqui tá vou criar aqui ó ele já criou essa senha aqui a gente precisa tá então salva ela vou voltar aqui para meu arquivo de configuração vou salvar ela aqui ó e você tira esses espaços aqui ó tá esses espaços a gente não precisa beleza show de bola vou clicar aqui em concluído não preciso mais mexer aqui só vou precisar salvar o endereço do e-mail aqui né que eu vou estar utilizando né obviamente Então eu só preciso dessas duas configurações para continuar a configuração do meu Envy Beleza então vou salvar aqui por que que eu
fiz isso aqui porque o o Type bot ele precisa de um serviço de e-mail para poder mandar os e-mails para você os e-mails transacionais Beleza então a gente precisa dessa informação aqui tá beleza vou voltar aqui pro meu arquivo de configuração e aqui agora vou preencher esses dados então primeiro o e-mail né que eu acabei de utilizar Então vou preencher aqui Aqui tá aqui se você quiser botar um nome esse nome aqui vai ser o nome que vai aparecer no assunto do e-mail tá no assunto na verdade no cabeç de Quem enviou né aqui o
eil novamente agora aqui a senha Então essa senha aqui que a gente acabou de pegar lá Lembrando que tem que tirar os espaços beleza aqui se você tá usando Gmail que é o meu caso você vai dechar como gmail aqui também aqui também e o plano default É esse aqui também agora aqui a gente precisa das credenciais do nosso Minion lra lá que a gente instalou Minion voltando lá pro arquivo de instalação aqui ó esse aqui é nosso min lembra então aqui agora o que que eu preciso fazer eu preciso criar essas credenciais aqui ó
Então vai clicar em access case e vai clicar aqui ó Create access Case clica em Create e aqui agora você vai copiar essas credenciais aqui ó primeiro o exess case Tá e vai colocar aqui ó Muito bem agora Secret ke que é essa daqui coloca aqui aqui o nome do Bucket tá que é aquele Bucket que a gente criou aqui mais cedo então deixa assim que é o nome que a gente colocou e aqui agora é a api do nosso Minion né lembra que a gente criou dois subdomínios também um da aqui ó que a
gente fez os apontamentos né esse daqui ó é o nosso e o nosso Minion né então se eu clicar em editar aqui ó tá aqui ó né vou copiar essa informação aqui ó Na verdade vou copiar daqui que ele não deixa copiar ali né Ó vou copiar aqui que é a api do nosso Minion tá pessoal V botar aqui ó pegou um espaço aqui né pon TRE pon Master bot né que é o meu domínio principal Então essa aqui é a api do nosso Minion que a gente colocou lá no arquivo de instalação lembra aqui
ó esse aqui na verdade ó né que é a api tá não é o frontend é api beleza Beleza beleza preenchi esses dados aqui o que mais tenho que fazer aqui mais nada tá vai vir aqui ó save pronto feito isso ó ele já vai subir ó carregou aqui rapidinho você viu ó já subiu a alteração aqui pro meu servidor muito bom perfeito volto aqui pro meu terminal do meu bit vice tá vou abrir aqui agora o meu tutorial aqui de volta e vou seguir aqui agora o passo a passo Beleza então vou npm install
copio e clico aqui ele vai começar a instalação do nosso Type bot né vamos ver aqui se tá faltando algum pacote deixa eu verificar acho que deixa eu ver ah acho que falta a instalação do npm aqui deixa eu ver npm instal tá certo é isso mesmo instalou aqui o o o PN o p pnpm né agora a gente dá o npm install executamos Beleza agora ele vai começar a instalar aqui o nosso Type bot Lembrando que a instalação do Type bot ela é demorada tá fora a demora que a já tá aqui durante o
vídeo né mas eu digo o processo de instalação por si só tem a parte de compilação também ou parte do builder que também demora então tenha paciência beleza principalmente se você não pegar um servidor de qualidade né ali com 4 GB ele vai demorar ainda mais tá porque ele dá um pico muito grande né Vamos aguardar aqui é o processo de instalação enquanto isso eu vou pausar aqui para vocês não ficar olhando aqui div vard né Muito bem pessoal aqui tem uma atualização Zinha Tá acabei de adicionar aqui que ele Tá exigindo mais um código
tá então e antes de executar isso daqui é antes de executar isso daqui na verd né a gente executa esse daqui tá então executou esse aqui executa esse ele vai instalar o pacote que a gente precisa o meu ele vai dar ok aqui né porque eu já instalei então só aguardar aqui a instalação desse pacote aqui né B toda vez atualiza bota novos pacotes né vai dar um aviso ali de depreciado mas já instalou com sucesso e o próximo comando para de fato começar a instalação ali do pnpm né Vamos aguardar ó deu aqui com
sucesso né executamos aqui agora o próximo aqui ó o próximo comando que é para aumentar o liit lá do nosso node né pra gente poder conseguir executar o nosso build com mais facilidade e agora que eu dou e o comando para ele buildar né o nosso app aqui né ó V lá o comando ele vai começar a fazer o build né então esse também é uma etapa também que é mais demorada Então vamos aguardar aqui esse processo tá muito bem pessoal terminou de buildar esse processo aqui Demora mesmo tá pessoal pode demorar aí de 15
a 20 minutos só para essa parte do build tá aí tu tem que ter essa tela aqui ó dos novos processos o total foi com sucesso então beleza budou todo nosso noss projeto certinho do jeito que a gente precisa beleza muito bem agora o que eu vou fazer eu vou dar aqui um CD tá app builder para ele entrar na pastinha do nosso builder tá e eu vou dar aqui agora um npm start 3001 para ele startar o nosso projeto aqui já no backend tudo bonitinho ó já tá rodando já tá rodando na porta 3.000
tá como é que eu sei se meu projeto tá rodando de fta de fato na porta 3.000 a gente pode visualizar isso lá no nosso eh no nosso projeto lá na frente né na 3001 né mas eh eu não vou e me alongar aqui nesse projeto do nesse momento aqui do dos apontamentos tá então eu vou dar vou fazer o qu vou vir aqui ó vou dar um cont dois tá eh na verdade vamos visualizar se ele tá rodando vamos dar aqui ó vamos ver se de fato ele tá rodando já tá rodando esse formato
que eu botei aqui para rodar é só pra gente ver se tá tudo certo tá então ele roda manualmente quando eu executo Esse comando no caso teria que deixar o terminal aberto né só que a gente não vai fazer isso né obviamente né então vou pegar aqui meu IP aqui ó vou copiar e vou colocar lá no meu eh lá no meu navegador né então vou abrir aqui de volta o meu navegador e vou botar aqui ó vai ser a porta 3001 né então dois pontos 3001 ó já carregou aqui o nosso Type bot já
abriu a nossa a nossa tela aqui de login vai funcionar não porque a gente tem que fazer os apontamentos ainda etc mas só pra gente saber que build que deu tudo certo né então beleza vou vir aqui ó vou dar um contol do Ó ele para de executar o que eu tenho executando aqui no meu no meu terminal né O que que eu vou fazer aqui agora o próximo comando é para instalar o nosso pm2 o que que é o pm2 é o projeto que vai fazer com que o nosso Type bot fique executando em
segundo plano sem a necessidade de gente ficar aqui com o nosso terminal aberto né então ele vai instalar aqui pra gente ó instalou o pm2 eu vou executar aqui agora o próximo o próximo comando que ele vai executar já o pm2 né em segundo plano v botar aqui ó ele vai executar na porta 3001 ó já tá rodando na porta 3001 então agora não preciso mais ficar com o meu terminal aberto aqui né agora vou entrar o qu vou entrar aqui ó Nessa pastinha aqui ó CD appv ó pera aí que eu tenho que dar
um CD espaço dois pontinhos para voltar a pasta né Então até vou deixar aqui para vocês aqui ó Cadê o CD é espaço dois pontinho e agora a gente executa esse aqui para ele entrar na pasta do vi né ó vaii não entrou pera aí CD de novo D CD Duas vezes aqui tá E mais uma vez e mais uma vez Pronto agora a gente executa esse daqui pronto agora sim ó entrei na pastinha do View né Beleza então executa uma vez executa Du voltar as pastinhas beleza e agora eu executo Esse comando aqui ó
que vai fazer o quê ele vai executar agora em segundo plano também o nosso front end né ó na verdade nosso backend ó tá executando Beleza vou dar um control 2 aqui para ele parar e vou mandar ele executar agora lá no pm2 muito bem agora já tem rodando os dois projetos tanto o builder quanto viver tá então o builder é o backend e o viver é o nosso frontend Beleza então os dois já estão rodando em segundo plano Tá o que que eu vou fazer aqui agora agora eu vou migrar o banco de dados
tá como é que a gente faz isso a gente executa esse próximo comando aqui ó pera aí que acho que a gente tem que voltar aqui a pastinha também pronto ó já migrou aqui o banco beleza ó já criou aqui as pastinhas deixa ver se ele deu certo aqui migrou os bancos tudo certinho então show de bola então aqui a gente também vai dar o CD Duas vezes tá então ó CD duas vezes antes de você executar Esse comando aqui tá então executa mais uma executa mais uma e executa isess aqui para el migrar o
banco de dados Beleza então show de bola o que que a gente vai fazer aqui agora a gente vai fazer os apontamentos tá como é que a gente faz esses apontamentos voltamos lá pro nosso pro Manager e vamos adicionar os apontamentos Beleza vou adicionar aqui o novo host beleza e aqui a gente vai adicionar os dois subdomínios quais são esses dois subdomínios são aqueles que a gente botou aqui no nosso env lembra então o primeiro aqui é do nosso builder né vou copiar ele aqui ó e vou colocar aqui bele beleza aqui o nosso IP
né Qual que é o nosso IP é aquele que a gente usa para se logar né esse daqui ó e aqui agora nossa porta né agora a gente tem que se atentar aqui nos apontamentos das portas tá então essa porta aqui é vamos ver aqui no nosso manualzinho aqui ó nos apontamentos ó aqui ó a gente tem aqui o nosso builder que é a 3001 né que é essa daqui que a gente acabou de acessar aqui ó 3001 Então esse aqui é o nosso front end tá então vou botar aqui ó 3001 que é o
front end web sockets SSL e vou pedir aqui para el adicionar um novo SSL Force SSL e adiciona aqui para ele fazer o apontamento agora do nosso domínio do nosso frontend vamos aguardar um pouquinho Beleza agora vamos adicionar a nossa api do nosso Type bot mesma coisa vamos adicionar um novo aqui vou pegar aqui agora outra URL aqui da nossa api né copio colo aqui adiciono aqui o IP né coloco aqui aqui só que essa porta aqui não é a 3001 né É A 3002 tá então vou copiar aqui ó 3002 mesma coisa websockets SSL
certificado adiciona a SSL e Angry e dá um save agora el vai apontar também o nosso back end na nossa Api para aquela porta que tá propagada vamos aguardar muito bem então a gente já tem os dois domínios apontados o meu front end é esse daqui então vou clicar nele aqui e vamos vamos ver se ele já vai carregar nosso Type bot ó já carregou o nosso Type bot Então já entrou com sucesso vou fazer o que agora vou botar meu e-mail aqui ó só pra gente poder se logar quando eu faço isso ele vai
mandar um e-mail Zinho lá pro meu pro meu e-mail né Vamos aguardar Ó ele mandou um link mágico vamos ver se eu recebi lá vou entrar na minha conta de e-mail já chegou aqui ó AST online ó Sing To Type bot tá vendo vou clicar para me logar agora no serviço muito bem já deu certo já estamos com o nosso Type Bot instalado aqui a versão dele bonitinho e já posso criar aqui quantos fluxos eu quiser É uma ferramenta totalmente ilimitada e você pode usar à vontade Beleza então ele já veio tudo bonitinho aqui só
o que que a gente vai fazer agora a gente vai começar a fazer algumas alterações tá Por quê Porque se você olhar aqui em cima né eu tenho aqui ó tá vendo aqui ó tá escrito lá Type bot tem o iconeinstagram muita coisa que precisa ser mexida aqui dentro né mas eu vou entender mostrar aqui para vocês os caminhos e depois vocês podem alterar o que vocês precisarem beleza porque vocês têm acesso agora ao arquivo de instalação do seu Type bot Beleza então vou entrar aqui ó voltando aqui pro meu Type bot né que já
tá aqui logado que que eu vou fazer volto aqui pro meu terminal para mim fazer qualquer alteração o que que eu preciso fazer eu preciso parar a execução do meu projeto lembra que nosso projeto tá lá no pm2 rodando eu vou fazer o quê Vou fazer um Stop então pm2 stop All ó ele parou o serviço ó ele vai parar Ó parou o primeiro serviço e vai parar o segundo ó os dois serviços Estão parados por quê Porque a gente só pode trocar a roda de um carro quando a gente para não dá para trocar
com ele rodando né aqui é a mesma coisa tem que parar o projeto pra gente poder editar ele beleza vou fazer o quê agora é esse esse processo aqui ó é pra gente poder é depois que a gente fez as alterações tá então primeiro eu paro e agora aqui embaixo eu tenho os caminhos aqui ó alterar o nome da Aba qual que é esse nome esse nomezinho que fica aqui em cima tá vendo aqui ó seix eu passar aqui ó pera aí que ele deixa eu mudar o nome do meu workspace que fica mais fácil
Pera aí Ah eu parei o meu não não vai dar né porque eu parei meu serviço né Mas ó tá tá vendo ali em cima ó escrito Type bot né eu não posso mexer agora porque o serviço tá parado então vou mudar aquele nomezinho ó a aparece o nome do workspace Type bot o nome do workspace É esse aqui eu ia editar o nome para ficar mais curtinho mas aí e o nome que você botar ele vai ficar barra Type bot eu quero tiar tirar aquele nome Type bot quero botar outro nome como é que
eu faço isso eu vou entrar aqui ó no meu f TP de novo né e vou entrar nessa pastinha que tá aqui ó tá vendo ó Type bot apps então apps vou entrar aqui ó builder e vou entrar aqui ó src e vou entrar aqui também ó em Componentes e vou entrar aqui agora na no no arquivo coo tá vendo vou abrir ele aqui ó esse aqui co.ts XT e tá escrito aqui ó o título que é o nome do workspace né E aqui o nome Type bot eu quero botar Astra online ou você bota
o nome da sua empresa aí beleza Clic aqui em save muito bem ó já salvou aqui para mim show de bola agora o que que eu vou fazer aqui também eu vou eh cadê bom eu vou alterar aqui também agora nosso five econ tá que ele fica aparecendo lá em cima ficon do Type bot né Se eu olhar aqui ó tá aqui ó tá vendo esse quadradinho aqui eu quero mudar esse quadradinho quero botar o meu ficon né como é que eu faço isso aqui também já tem o tutorialzinho para vocês a gente vai acessar
aqui a pasta da Public né então vou abrir aqui o meu rot e volto lá pra minha pastinha do Type bot lá no comec né e vou entrar aqui de novo vou entrar agora em e apps builder Public e tá aqui a logomarca aqui ó fcon tá vendo eu vou substituir pelo meu tá eu já deixei aqui pessoal o o meu fcon só para vocês ter e noção aqui né do do tamanho e tudo mais tá mas aí vocês vão botar o de vocês tá lembrando que tem que estar com o mesmo nome aqui ó
tá então vou fazer o quê eu vou vir aqui ó já vou renomear vou copiar aqui né e já vou renomear aqui a minha logo aqui ó botar aqui ó pronto que que eu vou fazer eu vou arrastar aqui aqui para dentro e aí o que ele vai fazer ele vai pedir para mim dar um overwrite né sobrescrever apagando o atual e colocando o meu mandei aqui ó já substituiu beleza onde mais que eu tenho que alterar eu tenho que alterar aqui também ó no Apps vi né então vou voltar aqui ó apps viver e
aqui dentro também eu tenho que subir minha logo aqui ó em Public né e vou vir aqui ó mesma coisa vou vir aqui e vou arrastar a minha né Qual que é a minha tá aqui ó jogo aqui para dentro também vai pedir para mim substituir overwrite muito bem e tenho que alterar também só nesses dois lugares aqui tá a dimensão tá que eu já deixei para vocês beleza e eu vou alterar também o nome do alterar as informações do do e-mail que eu recebo né porque eu recebo esse e-mail aqui né Ó cadê Ó
cadê deixa eu abrir de novo aqui que é o e-mail zinho que ele vem já com todas as informações aqui do Type bot né então eu quero editar isso aqui né Eu não quero ali que fique com nomezinho né com banner nem nada eu quero somente as minhas informações como é que eu faço isso entrando nesse nesse nesse localzinho aqui ó então a gente volta lá pra pasta inicial né então volto aqui ó volto aqui tem ess opção zinha aqui ó up né Ó você vai voltando as pastas volto aqui em Type bot vou vir
aqui ó em packages e vou entrar aqui ó em e-mails vou entrar em src e vou entrar em e-mails de novo e tá aqui todos os e-mails que a plataforma manda mas o que mais ela manda é esse daqui ó Magic link ó vou dar dois cliques nele aqui que é o link mágico de acesso e aqui ó tem todas as informações para poder editar Então vamos começar traduzindo né então vou traduzir aqui ó ears link Magic né vou traduzir aqui ó usar o próprio Google aqui ó e já vou substituindo aqui ó beleza aqui
ó Click here vou substituir vou traduzir também clica aqui para entrar vamos botar aqui show de bola vou traduzir isso aqui também se você não solicitou Ignore blá blá blá né theb aqui eu não vou botar Type bot vou botar o nome da minha empresa né então Astra online você bota o nome que você quiser também show de bola aqui também deixa eu ver aqui onde é que tá aqui ó aqui é o assunto do e-mail tá Vou botar aqui ó é entre na Astra online pronto você bota o nome que você quiser também isso
aqui é o o o assunto Zinho que vem no e-mail tá então também altera aqui embaixo beleza cuida para não mexer em nenhum outra parte do código tá que senão ele vai bugar seu e-mail e aqui em cima aqui ó se você Verê aqui essa é URL do Banner que ele manda lá em cima tá eu vou subir aqui eu vou abrir aqui o meu minion seix eu voltar aqui agora cadê seix eu vir aqui ó em Minion aqui ó eu posso subir arquivos aqui ó em buckets aqui aqui ó posso subir arquivos tá se
eu entrar aqui ó tem a pastinha aqui na verdade Object browser aqui né ó se eu entrar aqui eu posso subir arquivos aqui dentro tá para facilitar eu vou subir por aqui então vou subir a minha logo completa tá que é essa daqui ó como banner claro que você vai fazer o seu banner Zinho bonitinho tá aqui eu só tô subindo um exemplo vou subir a minha logo para aparecer lá minha logo grandona claro que o ideal é você pegar ali o formato do Banner e alterar Conforme você precisa tá vou clicar aqui e vou
vir aqui ó em share né ó ele já vai me dar aqui o linkzinho aqui ó tá vendo ó eu vou copiar até o ponto ponto de interrogação aqui ó tá vendo ó tu vai ver aqui o nome do seu arquivo e vai ter um ponto de interrogação copia até aqui se você copiar daqui pra frente ele vai é só ter uma validade de 12 horas tá então vou copiar ele aqui vou abrir aqui de volta o meu arquivo e vou substituir aqui o banner que tem atual botar o meu pronto então ele vai vai
pegar o meu banner Zinho lá que eu subi lá pro meu minimo beleza feito isso pessoal o que que eu vou fazer vou vir aqui ó e vou dar um save aqui ó ele vai subir pro servidor ó já subiu a alteração Beleza então Já alterei as principais itens que eu preciso aqui né que é a logo mar que é o o item lá em cima Os e-mails né e demais outras informações tá isso aqui a gente não vai subir aqui hoje beleza então pronto então Já alterei o que eu preciso aqui claro que se
você funcionar no código você vai poder alterar mais coisas tá mas não é objetivo é só a parte principal aqui mas vocês tem sobre posse do código que poem mexer o que vocês quiserem agora beleza show de bola o que que eu vou fazer aqui agora é o seguinte eu vou rebuild lembra que a gente parou o serviço aqui ó pm2 Stop agora eu vou ter que entrar nessa pastinha aqui de novo ó CD né ó Na verdade eu já tô nela né ó CD né e vou fazer eu vou executar Esse comando aqui ó
para ele rebuild tá então vou vir aqui e vou colocar aqui ele vai fazer o quê ele vai fazer novamente o build por quê Porque ele tem que pegar os arquivos que a gente alterou né e etc Então vamos aguardar ele fazer esse build aqui novamente agora que é o mesmo que a gente fez na instalação tô fazendo novamente para ele pegar os arquivos que a gente fez as alterações Beleza já já voltamos muito bem Apareceu aqui com sucesso todos os noves as nove e opções que ele d de build né beleza deu certo agora
a gente dá mais um outro aqui né para ele fazer um Force né aqui um npm room build né Vamos aguardar também beleza budou com sucesso muito bem vou fazer o que agora pm2 start All Para quê Para ele iniciar novamente nossos projetos show de bola iniciou com sucesso vamos voltar lá pro nosso terminal vamos voltar aqui pro nosso Type bot Vamos dar um refresh aqui agora para ver se El já pegou as alterações que a gente precisa ó ele já pegou lá lá tá vendo nossa alteração lá ó as online tá vendo Então nosso
Type bot já tá quase White Label né Já conseguimos fazer algumas alterações Claro se você buscar no código Ah eu quero alterar isso aqui você vai conseguir também tá ou se você não achar pode me chamar tem um serviço de consultoria que ajuda você alterar ainda mais coisas dentro do seu Type bot beleza e vamos ver se o e-mail deu certo vou sair aqui agora e vou pedir para ele me logar novamente né Vamos dar um entrar aqui beleza vamos voltar lá pro meu e-mail ó já chegou aqui ó entre na Astra online tá vendo
que foi o que a gente alterou ó já chegou aqui ó a a aqui está o seu link mágico então ó já tá totalmente White Label aqui ó tá vendo a pessoa já nem sabe mais que é o Type bot não manda mais o e-mail do Type bot manda o seu e-mail tá claro que você pode editar aqui botar as informações que você quiser eu só traduzir né você v que já não vem mais informação no Type bot tá então a gente já conseguiu alterar logoz Minho lá em cima né Já conseguimos aqui também alterar
a parte do e-mail Ó tá totalmente log tável já mudou lá em cima F vicon né então ele já tá totalmente eh alterado aí conforme a gente esperava beleza pessoal espero que vocês tenham gostado qualquer dúvida pode mandar lá no grupo do telegram ou se você quer esse projeto Prontinho aqui rodando ou tiver mais dúvidas né pode me chamar lá no no WhatsApp que é focado para quem quer fechar negócio tá dúvidas somente lá no grupo beleza pessoal espero que vocês tenham gostado e aquele abraço e tchau tchau
Related Videos
Desbloqueando o Typebot - Integrando em Diferentes Plataformas, Permitindo Embedded ou Incorporações
10:03
Desbloqueando o Typebot - Integrando em Di...
Astra Online
2,930 views
Super Chatwoot - Multiatendimento e CRM para sua Empresa.
1:04:21
Super Chatwoot - Multiatendimento e CRM pa...
Astra Online
15,100 views
Como Ser um Revendedor de CRM SaaS de Alto Desempenho - Perfex SaaS
48:10
Como Ser um Revendedor de CRM SaaS de Alto...
Astra Online
9,498 views
Acesso Automatico ao Typebot e Chatwoot
1:32:20
Acesso Automatico ao Typebot e Chatwoot
Astra Online
2,603 views
Como Instalar 20 Apps Open Source no Portainer - Stack Free
31:28
Como Instalar 20 Apps Open Source no Porta...
Digital Interativo
1,446 views
Fique RICO com Chatbots ou Morra Tentando
33:43
Fique RICO com Chatbots ou Morra Tentando
Astra Online
5,364 views
Como Desbloquear e Incorporar Chatwoot no Perfex CRM + Dica Bônus
12:00
Como Desbloquear e Incorporar Chatwoot no ...
Astra Online
4,489 views
Introducing Lindy 2.0 - The FIRST True AI-First Automation Platform
27:17
Introducing Lindy 2.0 - The FIRST True AI-...
MattVidPro AI
37,080 views
Instalando o Perfex CRM com Docker e Portainer - Guia completo para um CRM de Sucesso
19:27
Instalando o Perfex CRM com Docker e Porta...
Astra Online
5,466 views
CHATWOOT Update v 3.10.0 com Nestor Davados
2:54:12
CHATWOOT Update v 3.10.0 com Nestor Davados
Mundo AUTOMATIK
2,289 views
Instalação Docker CHAWOOT, EVOLUTION E TYPEBOT no EasyPanel - HubConnect
23:59
Instalação Docker CHAWOOT, EVOLUTION E TYP...
hubconnect
5,788 views
Typebot White Label com Raphael Astra Online
2:48:49
Typebot White Label com Raphael Astra Online
Astra Online
6,027 views
Como integrar o Typebot ao Baserow e realizar o controle de primeiro cliente
18:19
Como integrar o Typebot ao Baserow e reali...
Astra Online
5,040 views
Macetes na criação de bots para WhatsApp | Meet do dia 14/02/24 - Comunidade OrionDesign & Automatik
2:00:08
Macetes na criação de bots para WhatsApp |...
OrionDesign
12,309 views
Construindo um Ecossistema de Chatbot com Typebot + Portainer
42:09
Construindo um Ecossistema de Chatbot com ...
Astra Online
20,724 views
Como Ligar e Desligar o Typebot no Chatwoot + Dica Bônus
27:04
Como Ligar e Desligar o Typebot no Chatwoo...
Astra Online
10,123 views
🤯 Chatbot com informações do website usando Flowise + Gemini + Qdrant + Typebot
27:39
🤯 Chatbot com informações do website usan...
Vamos Automatizar
5,452 views
Sua Empresa Mais Eficiente com Odoo: ERP e CRM Grátis + Portainer
25:26
Sua Empresa Mais Eficiente com Odoo: ERP e...
Astra Online
11,049 views
Odoo e WhatsApp: União Perfeita para Automação de Mensagens com UnoAPI e Chatwoot
28:04
Odoo e WhatsApp: União Perfeita para Autom...
Astra Online
6,939 views
ChatWoot + Evolution: O Conector Mais Prático [ GUIA COMPLETO ]
12:30
ChatWoot + Evolution: O Conector Mais Prát...
Comunidade ZDG
13,131 views
Copyright © 2024. Made with ♥ in London by YTScribe.com