tiledesk dashboard
v2.3.2 (Latest stable release)
Quer instalar o Tiledesk no seu servidor com apenas um clique?
Use o guia de instalação do Docker Compose Tiledesk
Tiledesk é uma plataforma de chat ao vivo de código aberto com Chatbots integrados escritos em NodeJs e Express. Crie seu próprio suporte ao cliente com uma plataforma multicanal para Web, Android e iOS.
Projetado para ser de código aberto desde o início, trabalhamos ativamente para criar uma plataforma de atendimento ao cliente totalmente nova e de primeira classe, baseada em mensagens instantâneas.
O que é o Tiledesk hoje? Tornou-se a plataforma de código aberto de “desenvolvimento de aplicativos de conversação” que todos precisam?
Você pode usar o Tiledesk para aumentar as vendas do seu site ou para atendimento ao cliente pós-venda. Cada conversa pode ser automatizada usando nossa tecnologia nativa de chatbot de primeira classe. Você também pode conectar seus próprios aplicativos usando nossas APIs ou Webhooks. Além disso, você pode implantar aplicativos visuais inteiros dentro de uma conversa. E seus aplicativos podem conversar com seus chatbots ou usuários finais! Sabemos que isso é legal?
O Tiledesk é multicanal de uma forma totalmente nova. Você pode escrever scripts para seu chatbot com imagens, botões e outros elementos interessantes que seus canais suportam. Mas você configurará as respostas do seu chatbot apenas uma vez. Eles serão executados em todos os canais, adaptando automaticamente as respostas ao canal alvo seja ele qual for, Whatsapp, Facebook Messenger, Telegram etc.
O aplicativo de backoffice Tiledesk.com está disponível no GitHub sob licença MIT.
Siga estas instruções para configurar o ambiente.
Considere que o serviço em nuvem Tiledesk.com disponibiliza todos os módulos com a mesma licença de código aberto.
Componente Web Widget
API de widget para iOS (trabalho em andamento)
aplicativo iOS completo
aplicativo Android completo
Painel Tiledesk (este repositório)
Todos os componentes do chat estão disponíveis graças ao projeto de código aberto Chat21, também disponível no GitHub (https://github.com/chat21)
E mais.
Instale o Node e o NPM (https://nodejs.org/en). Sugerido: nó v14.15.5 (npm v6.14.11).
Se você deseja gerenciar várias versões ativas do Node.js, para instalar o node use a ferramenta Node Version Manager (NVM)
Instale angular-cli v7.3.10 com npm install -g @angular/[email protected]
servidor tiledesk instalado e em execução (https://github.com/Tiledesk/tiledesk-server.git)
Quer instalar todos os componentes do Tiledesk no seu servidor com apenas um clique? Use o guia de instalação do Docker Compose Tiledesk
Instale a versão estável mais recente. Verifique na página do Github o último lançamento na aba Releases e depois execute
git clone https://github.com/Tiledesk/tiledesk-dashboard.git --branch
cd tiledesk-dashboard
npm install
Você pode colocar o URL da API e as outras configurações diretamente no ambiente.*.ts se remoteConfig estiver definido como false ou no dashboard-config.json se remoteConfig estiver definido como true .
Se remoteConfig estiver definido como true crie um nome de arquivo dashboard-config.json e coloque-o na pasta src .
Um exemplo de configuração do arquivo environment.ts em src/environments/
export const environment = {
production: false,
remoteConfig: true,
remoteConfigUrl: "/dashboard-config.json",
VERSION: require('../../package.json').version,
...
}
WIDGET_BASE_URL: "https://:4200/",
botcredendialsURL: "https://",
SERVER_BASE_URL: "https:///",
CHAT_BASE_URL: "https:///chat",
globalRemoteJSSrc: "https://, https://" // see the section below "Load external scripts"
firebaseAuth : false,
chatEngine: "mqtt", // OR YOUR CUSTOM CHAT ENGINE
updloaEngine: "native", // OR YOUR CUSTOM UPLOAD ENGINE
pushEngine:"none", // OR YOUR CUSTOM PUSH ENGINE
logLevel: "",
wsUrl: 'ws://' + window.location.hostname + '/ws/'
};
logLevel : O Dashboard suporta 4 níveis de log. A ordem é a seguinte: Error < Warn < Info < Debug Execute o aplicativo com ng serve
Para instalação de produção, configure o arquivo Environment.prod.ts em src/environments/ .
export const environment = {
production: false,
remoteConfig: false,
VERSION: require('../../package.json').version,
...
Execute ng build --prod --base-href ./
Copie o conteúdo da pasta dist para o seu servidor Web (por exemplo Apache ou Nginx)
aws s3 sync ./dist/ s3://tiledesk-dashboard/dashboard
Para executar o painel do Tiledesk na porta 4500, execute:
curl https://raw.githubusercontent.com/Tiledesk/tiledesk-dashboard/master/.env.sample --output .env
nano .env #configure .env file properly
docker run -p 4500:80 --env-file .env tiledesk/tiledesk-dashboard
Para executar o painel do Tiledesk com npm:
EM DESENVOLVIMENTO
curl https://raw.githubusercontent.com/Tiledesk/tiledesk-dashboard/master/.env.sample --output .env
nano .env #configure .env file properly
npm install -g @tiledesk/tiledesk-dashboard
tiledesk-dashboard
WIDGET_BASE_URL: "https://:4200/",
botcredendialsURL: "https://",
SERVER_BASE_URL: "https:///",
...
brandSrc :"https:///",
...
};
SERVER_BASE_URL=YOUR_TILEDESK_SERVER_URL
...
BRAND_SRC=https:YOUR_BRAND_SCRIPT_URL
...
Edite o arquivo _variables.scss na pasta src/assets/sass/md/ para customizar as cores
Carregue scripts externos adicionando em environment.*.ts (se remoteConfig estiver definido como false ou no dashboard-config.json se remoteConfig estiver definido como true ) a chave globalRemoteJSSrc com o valor de seus scripts separados por vírgulas
WIDGET_BASE_URL: "https://:4200/",
botcredendialsURL: "https://",
SERVER_BASE_URL: "https:///",
...
globalRemoteJSSrc :"https://, https://",
...
};
SERVER_BASE_URL=YOUR_TILEDESK_SERVER_URL
...
REMOTE_JS_SRC=YOUR_CUSTOM_SCRIPT_URL
...
Para fazer login automaticamente, passe o token JWT como parâmetro de consulta da URL do seu painel, como no exemplo a seguir:
"http://localhost:4200/#/project//home?token="
Você pode executar uma versão incorporada do painel dentro de um aplicativo existente usando, por exemplo, um iframe, como no exemplo a seguir, que exibe os detalhes de uma conversa (CONVERSATION_ID começa com support-group-XYZ)
""
