⚜︎ Whaticket – Pack Typebot

⚜︎ Whaticket

Este módulo é designado para usuários com um conhecimento em instalações. Antes de prosseguir com a instalação é imperativo que você esteja confortável com operações avançadas em ambientes como: VPS, Cloudflare e Terminal de Comandos.

⚠️ Não damos suporte a instalação

Garantindo o Sucesso na Instalação
A instalação de qualquer sistema, software ou equipamento muitas vezes exige precisão e atenção aos detalhes. Seguir rigorosamente o passo a passo é crucial para assegurar uma implementação bem-sucedida. Aqui estão algumas diretrizes fundamentais para garantir o sucesso durante o processo de instalação:

⚠️ ATENÇÃO: Você precisará de um VPS só para rodar o Whaticket. Não é compativel a instalação na mesma estrutura do Portainer e Typebot!

1. Leitura Cuidadosa da Documentação:
Antes de iniciar a instalação, dedique um tempo para ler cuidadosamente toda a documentação fornecida.

2. Verificação de Requisitos do Sistema:
Antes de iniciar a instalação, dedique um tempo para ler cuidadosamente toda a documentação fornecida.

3. Contratação da VPS:
Escolha um provedor de serviços de hospedagem VPS confiável e contrate um plano adequado às suas necessidades.
Recomendamos: https://contabo.com/en/vps/cloud-vps-1/?addons=1645&image=ubuntu.267&qty=1&contract=1&storage-type=vps-1-400-gb

4. Registro do Domínio:
Registre um domínio para o seu site por meio de um registrador de domínios de sua escolha.
https://registro.br/
Domínios a partir de 2,99 https://www.hostinger.com.br/registro-de-dominio

5. Configuração dos Apontamentos:
No painel de controle do seu registrador de domínios, adicione dois apontamentos (DNS):
Apontamento para o frontend:
Tipo: A
Nome: painel.seusite.com.br
Apontamento para o backend:
Tipo: A
Nome: api.seusite.com.br

https://cloudflare.com

6. Configuração na VPS:
Acesse a interface de gerenciamento da sua VPS fornecida pelo provedor de hospedagem.

7. Utilize o Bitvise
Utilize o Bitvise para acessar remotamente sua VPS
Download: https://www.bitvise.com/ssh-client-download

8. Pré-requisitos

  • Sistema operacional: Ubuntu 20.04
  • CPU: Recomenda-se pelo menos um processador com 4 GHz ou mais.
  • RAM: Pelo menos 6 GB de RAM dedicada. Para instalações maiores ou com maior volume de tráfego, você pode precisar de mais RAM.
  • Armazenamento: O espaço em disco necessário depende do tamanho do banco de dados e dos arquivos do aplicativo. Recomenda-se pelo menos 10 GB de espaço em disco, mas isso pode variar dependendo do uso.

Contratando VPS

https://contabo.com/en/vps/cloud-vps-1/?addons=1645&image=ubuntu.267&qty=1&contract=1&storage-type=vps-1-400-gb

Acesso via SSH

Download: https://www.bitvise.com/ssh-client-download

Configuração do seu Domínio
Configurando Subdomínios

Você deve criar 4 subdomínios do tipo ‘A’ na Cloudflare *Status do Proxy deve esta desligado

frontend
www.frontend

backend
www.backend

Autoinstalador: Siga o Passo a Passo para Instalação Bem-Sucedida

sudo apt-get update && sudo apt-get upgrade -y

sudo apt install -y git && git clone https://github.com/whaticket-saas/instalador.git instalador && sudo chmod -R 777 instalador  && cd instalador  && sudo ./install_primaria

💻 Bem-vindo(a) ao Gerenciador whaticket – Atendimento sem limites, selecione abaixo a próxima ação!

[0] Instalar whaticket

[1] Atualizar whaticket

[2] Deletar whaticket

[3] Bloquear whaticket

[4] Desbloquear whaticket

[5] Alter. dominio whaticket

> 0

===========================================================

💻 Insira senha para o usuário Deploy e Banco de Dados (Não utilizar caracteres especiais):

> whaticketpassword

===========================================================

💻 Insira o link do GITHUB do seu whaticket que deseja instalar:


https://github.com/whaticket-saas/whaticket.git

===========================================================

💻 Informe um nome para a instância/Empresa que será instalada (Não utilizar espaços ou caracteres especiais, Utilizar Letras minusculas; ):

> whaticketinstancia

===========================================================

💻 Informe a Qtde de Conexões/Whats que a whaticketinstancia poderá cadastrar:

> 9999

===========================================================

💻 Informe a Qtde de Usuarios/Atendentes que a whaticketinstancia poderá cadastrar:

> 9999

===========================================================

💻 Digite o domínio do FRONTEND/PAINEL para a whaticketinstancia:

> painel.seusite.com.br

===========================================================

💻 Digite o domínio do BACKEND/API para a whaticketinstancia:

> api.seusite.com.br

===========================================================

💻 Digite a porta do FRONTEND para a whaticketinstancia; Ex: 3000 A 3999

> 3000

===========================================================

💻 Digite a porta do BACKEND para esta instancia; Ex: 4000 A 4999

> 4000

===========================================================

💻 Digite a porta do REDIS/AGENDAMENTO MSG para a whaticketinstancia; Ex: 5000 A 5999

> 5000

===========================================================

💻 Fazendo download do código whaticket…

Cloning into
Cloning into ‘/home/deploy/whaticketinstancia‘…

Username for ‘https://github.com’:

Password for ‘https://[email protected]’:


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

Caso de erro na instalação execute os dois comando abaixo sempre no diretorio raiz para cada código:


cd /home/deploy/whaticketinstancia/frontend/

Limpe a instância para home com codigo:


cd /home/deploy/whaticketinstancia/backend/

 

User: [email protected]

Senha: 123456

*Verifique cache do seu navegador ao fazer o primeiro login!

DEU ERRO NA INSTALAÇÃO? RESETA A VPS E FAÇA TUDO NOVAMENTE!

Acess Token: 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
O token atualizado 01/07/2024

Corrigir erros de atualização da página

Corrigir erros de atualização da página

===========================================================

Edite o arquivo de configurações do nginx:


nano /etc/nginx/nginx.conf

adicione acima de # server_tokens off;


underscores_in_headers on;

Ctrl e X para fechar o terminal, e Y e ENTER para salvar as alterações.

===========================================================

Teste as alterações do nginx:

Reinicie o serviço:

Configurar CRON

Se você tiver vários editores de texto instalados, o sistema solicitará que você selecione um editor para atualizar a lista de tarefas cron. Use o número entre parênteses para escolher sua opção preferida. Estaremos usando a opção padrão, nano. (Escolha numéricanúmerica).

No modelo abaixo a cada 12 horas teremos um reinicializaçãoreniciaalização do frontend e do backend.


0 */6 * * * /usr/bin/node /usr/bin/pm2 restart all​

Ctrl e X para fechar o terminal, e Y e ENTER para salvar as alterações.

Trocar a Logomarca, Favicon e Cor

Localizado na pasta: frontend\src\assets

logo.png 200×120 e logo_login.png 250×250

cd /home/deploy/SUAEMPRESA/frontend/

npm run build

pm2 restart all

——————————————-

Troca o favicon

https://favicon.io/favicon-converter/

Localizado na pasta: frontend\public

cd /home/deploy/SUAEMPRESA/frontend/

npm run build

pm2 restart all

——————————————
Localizado na pasta: frontend\src
Arquivo App.js

Encontre a linha:

primary: { main: “#00BFFF” },

cd /home/deploy/SUAEMPRESA/frontend/

npm run build

pm2 restart all

DOWNLOADArquivos
Tela de Login e Cadastro personalizada

Passo 1: Abra o Bitvise e conecte-se à sua VPS.

Passo 2: Na barra de endereço, digite o seguinte caminho:

/home/deploy

Isso abrirá a pasta principal da sua instância.

Passo 3: Localize a pasta onde as imagens devem editadas. Neste caso, será:

/home/deploy/SUA INSTANCIA AQUI/frontend/src/assets

Faça download das imagens: backgroundStep.png e bg-login.png
Faça as edições nescessarias e faça o upload novamente das imagens substituindo as imagens do diretorio!

Passo 4: Abra o terminal no Bitvise e navegue até a pasta do seu frontend usando o comando:

cd /home/deploy/SUA INSTANCIA AQUI/frontend/

Passo 5: Execute o comando para construir o projeto:

npm run build

Este comando compilará e construirá o frontend da sua instância.

Integração com BANCO ASAAS

Agora seu sistema esta integrado com seu banco digital ASAAS para emissão de 2 via de boletos, em dia, atrasados e futuros, com PIX e código de barras, de forma automática.

A integração com a Asaas é feita de forma simples e transparente.

Este procedimento deverá ser realizado em um computador!

Acesse sua conta Asaas e no menu Integrações, obtenha sua chave de API:

Document image

O valor mínimo para uma cobrança ser gerada no módulo Asaas é de R$ 10,00 (dez reais)

Copie seu token e cole em seu Whaticket Saas to Saas:

Document image

Uma vez concluída esta etapa, sua integração Asaas foi realizada com sucesso.

 

Agora no seu Whaticket:

  1. No menu configurações
  2. No ultimo item Token Asaasc cole exatemente o texto da chave API
  3. Ele vai dar uma mensagem de que salvou e esta tudo certo.
  4. No menu filas & Chatbot
  5. Adicionar fila
  6. Em nome coloque exatamente este texto – 2 Via de Boleto
  7. Em mensagem de saudação exatamente este texto – Por Favor nos forneça o CPF/CNPJ para consultarmos na base de dados
  8. Salvar
Conectando WhatsApp
Filas & Chatbot
Integração com Typebot

Obs: para que funcione a integração, você precisa ter criado no mínimo duas filas de atendimento!
Tags e Kanban
Respostas Rápidas
Cadastrando Usuários
Agendamentos
Acessando Banco de dados do Whaticket

Neste tutorial, iremos configurar o PostgreSQL em uma VPS (Virtual Private Server) e conectar a um banco de dados usando DBeaver. Vamos começar:

Passo 1: Acesso ao servidor

Abra o Bitviser e acesse o diretório do seu PostgreSQL:
/etc/postgresql/16/main

Passo 2: Edição do arquivo postgresql.conf

Edite o arquivo postgresql.conf e faça as seguintes alterações:
Na linha 60, substitua localhost por *.
Salve o arquivo.

Passo 3: Edição do arquivo pg_hba.conf

Abra o arquivo pg_hba.conf e edite as seguintes linhas:
Linha 118:
De:
local all postgres peer
Para:
local all postgres md5
Linha 123:
De:
local all all peer
Para:
local all all md5