Guia Passo a Passo para Instalar o Typebot em seu servidor próprio

O Typebot é uma ferramenta de código aberto que permite criar aplicativos ou formulários conversacionais de forma simples e eficaz. Ele oferece uma alternativa robusta a outras plataformas como o Landbot. Com o Typebot, você pode criar diferentes tipos de aplicativos conversacionais, como:

– Qualificação de leads
– Lançamento de produtos
– Integração de usuários
– Suporte ao cliente

O Typebot é amado por equipes e criadores em todo o mundo e oferece uma experiência de construção fácil. Você pode arrastar e soltar blocos para criar seu aplicativo e integrá-lo facilmente em qualquer plataforma. Além disso, ele permite coletar resultados em tempo real, o que é uma grande vantagem.

Exemplos de Uso

– Coleta de Informações de Contato: Substitua seus formulários tradicionais por um chatbot que pode coletar nomes, e-mails e outros detalhes de forma interativa.
– Suporte ao Cliente: Use o Typebot para responder automaticamente a perguntas frequentes e fornecer suporte em tempo real.
– Integração de Usuários: Facilite o processo de integração, fornecendo aos novos usuários um guia passo a passo interativo.
– Campanhas de Marketing: Utilize o Typebot em suas landing pages para aumentar as taxas de conversão e engajamento.
– Pesquisas e Feedback: Colete feedback do usuário ou conduza pesquisas de forma mais envolvente e interativa.

Requesitos

Debian 12 bookworm (Instalação Limpa)

DNS

Crie duas entradas em seu DNS exemplo:
– typebot.remontti.cum.br apontando para os IPs do servidor
– typebotapi.remontti.cum.br apontando para os IPs do servidor

Se você já é da turma do blog vai entender o que temos a baixo la no amigo bind9:

Atualização e Instalação de Pacotes

Instale os pacotes necessários para o projeto

Instala globalmente os pacotes pm2 e pnpm usando npm

Configuração do PostgreSQL

Alterne para o usuário postgres

Crie um novo usuário chamado ‘typebot’ em seguida inserira uma senha.

Crie um novo banco de dados ‘typebot’ e define ‘typebot’ como o proprietário

Sai do usuário postgres

Preparando formas de autenticação

Vou deixar 3 formas que são as mais fáceis, você pode optar em usar apenas uma.

Email

A mais fácil de todas, basta você utilizar um email, assim toda vez que você for logar ele ira lhe mandar um e-mail com o link.

Google

Crie um novo projeto em https://console.developers.google.com/apis/credentials

Será usado em:

Github

Acesse https://github.com/settings/developers e clique em New OAuth Apps

Anote o Client ID e clique em Generate a new client secret anote os dois para ser usado em

Configuração do Projeto Typebot no Servidor

Vamos armazenar o projeto mo diretório /opt.

Entre no diretório do projeto
cd typebot.io

Crie arquivo .env onde irá ficar as variáveis de ambiente.

Faça os ajustes:

Instale todas as dependências do projeto

Saída:

Compile os aplicativos

Saída

Copie o arquivo .env para os diretórios dos aplicativos

Configuração e migrações do banco de dados

Saída:

Inicia os aplicativos com o PM2

Salva a configuração atual do PM2 e configura para iniciar com o sistema

Configuração do Nginx

Cria os arquivos de configuração do Nginx para os subdomínios

Ativa os sites no Nginx

Verifica a sintaxe e reinicia o Nginx

Configuração do Certbot/Let’s Encrypt para HTTPS

Instala o Certbot e o plugin do Nginx

Executa o Certbot para obter os certificados SSL

Responda:

Configuração do Cron para Renovação Automática do Certificado SSL.

Adicione uma tarefa cron para renovar automaticamente o certificado SSL todo dia 1 de cada mês à meia-noite, e reinicie o cron.

Acessando a aplicação

Abra seu navegador e acesse: https://typebot.remontti.cum.br

Clique em Registre-se gratuitamente
Escolha a forma desejada.

❗️❗️❗️

Os registros ficam aberto, então registre toda sua equipe e em seguida desativa a possibilidade de novos registros nos arquivos .env (DISABLE_SIGNUP=true)
Com o comando sed

Reinicie o pm2

Se deseja realizar novos cadastros basta alterar DISABLE_SIGNUP=true para DISABLE_SIGNUP=false e reiniciar novamente.

Reinicie o pm2

Se desejar fazer alterações faça os arquivos:

A parte mais complicada está feita!
Existe vários videos no YouTube sobre como mexer nessa criança. Inclusive no canal oficial dos desenvolvedores. Dica ative a legenda e selecione traduzir!

Gostou e quer me ajudar manter o blog sem a inconveniência de anúncios intrusivos ou a imposição de taxas? 🙂

Se quiser fazer uma doação para o café ficarei muito feliz pelo seu reconhecimento!

Se não puder doar pode deixar seu agradecimento nos comentário também ficarei feliz em saber que ajudei. Se tiver qualquer pergunta deixe-a também. Se preferir entrar em Contato clique aqui.

Abraço!

Fonte:
https://docs.typebot.io/

Rudimar Remontti

Trabalho atualmente como Gerente de Redes em um Provedor de Internet no Rio Grande do Sul.

Você pode gostar...

11 Resultados

  1. sergio disse:

    HELP ME PLEASE AFTER execute

    pnpm prisma generate && pnpm db:migrate

    prisma:warn We could not find your Prisma schema at prisma/schema.prisma.
    If you have a Prisma schema file in a custom path, you will need to run
    prisma generate --schema=./path/to/your/schema.prisma to generate Prisma Clien t.
    If you do not have a Prisma schema file yet, you can ignore this message.

    > typebot-os@2.20.0 db:migrate /opt/typebot.io
    > cd packages/prisma && pnpm run db:migrate

    > @typebot.io/prisma@0.1.0 db:migrate /opt/typebot.io/packages/prisma
    > pnpm migrate:deploy

    > @typebot.io/prisma@0.1.0 migrate:deploy /opt/typebot.io/packages/prisma
    > dotenv -e ./.env -e ../../.env — tsx scripts/migrate-deploy.ts

    (node:3288) ExperimentalWarning: --experimental-loader may be removed in the future; instead use register():
    –import ‘data:text/javascript,import { register } from “node:module”; import { pathToFileURL } from “node:url”; register(“file%3A///opt/typebot.io/node_modules/.pnpm/tsx%403.12.7/node_modules/tsx/dist/loader.js”, pathToFileURL(“./”));’
    (Use node --trace-warnings ... to show where the warning was created)
    (node:3288) ExperimentalWarning: globalPreload is planned for removal in favor of initialize. globalPreload is an experimental feature and might change at any time
    (Use node --trace-warnings ... to show where the warning was created)
    Executing for PostgreSQL schema
    Command failed: prisma migrate deploy –schema postgresql/schema.prisma
    Error: P3009

    migrate found failed migrations in the target database, new migrations will not be applied. Read more about how to resolve migration issues in a production database: https://pris.ly/d/migrate-resolve
    The 20231211122755_add_banned_ip_table migration started at 2023-12-18 20:18:16.407601 UTC failed

  2. Sergio disse:

    pnpm prisma generate && pnpm db:migrate

    Problema base de datos me puede ayudar por favor

  3. Rogerio Wagner disse:

    Script furado. Da erro na hora de migração do banco. Enviei mensagem do erro e excluíram ao invés de responde-la.

  4. Rogerio Mendes disse:

    Dá erro na hora de migração do banco. Script furado! Postei mensagem sobre o erro e excluíram ao invés de responder.

  5. Diego disse:

    Funcionando perfeitamente, poderia trazer um conteudo de como configurar com mínio?

  6. Rogerio Mendes disse:

    Estou com o seguinte erro ao executar “pnpm prisma generate && pnpm db:migrate”, alguma pista?

    Environment variables loaded from .env
    prisma:warn We could not find your Prisma schema at prisma/schema.prisma.
    If you have a Prisma schema file in a custom path, you will need to run
    prisma generate --schema=./path/to/your/schema.prisma to generate Prisma Client.
    If you do not have a Prisma schema file yet, you can ignore this message.

    > typebot-os@2.19.1 db:migrate /opt/typebot.io
    > cd packages/prisma && pnpm run db:migrate

    > @typebot.io/prisma@0.1.0 db:migrate /opt/typebot.io/packages/prisma
    > pnpm migrate:deploy

    > @typebot.io/prisma@0.1.0 migrate:deploy /opt/typebot.io/packages/prisma
    > dotenv -e ./.env -e ../../.env — tsx scripts/migrate-deploy.ts

    Executing for PostgreSQL schema
    Command failed: prisma migrate deploy –schema postgresql/schema.prisma
    Error: P3009

    migrate found failed migrations in the target database, new migrations will not be applied. Read more about how to resolve migration issues in a production database: https://pris.ly/d/migrate-resolve
    The 20220603074700_add_tokens migration started at 2023-11-27 20:58:12.630154 UTC failed

  7. Udson Assis disse:

    Instalando V2.18.4, mas tive problemas, na hora de logar a primeira vez da á seguinte mensagem:

    Não autorizado

    As inscrições estão desativadas.

    Porém DISABLE_SIGNUP está como true

    DISABLE_SIGNUP=true

  8. Felipe Gonçalves disse:

    Boa noite a todos, excelente conteúdo, funcionando quase 100% ná hora de upar imagens não vai de jeito nenhum e nem apresenta erros.

    Alguém já se deparou com isso?

  9. Girlanio disse:

    O mestre dos mestres!

  10. Joao Paulo disse:

    Como sempre passo a passo sensacional, obrigado Rudimar!!!!

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *