tiledesk dashboard
v2.3.2 (Latest stable release)
¿Quieres instalar Tiledesk en tu servidor con un solo clic?
Utilice la guía de instalación de Docker Compose Tiledesk
Tiledesk es una plataforma de chat en vivo de código abierto con Chatbots integrados escritos en NodeJs y Express. Cree su propia atención al cliente con una plataforma multicanal para Web, Android e iOS.
Diseñado para ser de código abierto desde el principio, trabajamos activamente en él para crear una plataforma de atención al cliente de primera clase totalmente nueva basada en mensajería instantánea.
¿Qué es Tiledesk hoy? ¿Se convirtió en la plataforma de código abierto de “desarrollo de aplicaciones conversacionales” que todo el mundo necesita?
Puede utilizar Tiledesk para aumentar las ventas de su sitio web o para el servicio de atención al cliente posventa. Cada conversación se puede automatizar utilizando nuestra tecnología de chatbot nativa de primera clase. También puede conectar sus propias aplicaciones utilizando nuestras API o Webhooks. Además, puedes implementar aplicaciones visuales completas dentro de una conversación. ¡Y sus aplicaciones pueden conversar con sus chatbots o sus usuarios finales! ¿Sabemos que esto es genial?
Tiledesk es multicanal de una forma totalmente nueva. Puedes escribir los scripts de tu chatbot con imágenes, botones y otros elementos interesantes que admitan tus canales. Pero configurarás las respuestas de tu chatbot solo una vez. Se ejecutarán en todos los canales, adaptando automáticamente las respuestas al canal de destino, sea cual sea, Whatsapp, Facebook Messenger, Telegram, etc.
La aplicación backoffice de Tiledesk.com está disponible en GitHub bajo licencia MIT.
Siga estas instrucciones para configurar el entorno.
Tenga en cuenta que el servicio en la nube Tiledesk.com hace que todos los módulos estén disponibles con la misma licencia de código abierto.
Componente de widget web
API de widgets de iOS (trabajo en progreso)
aplicación iOS completa
Aplicación Android completa
Panel de Tiledesk (este repositorio)
Todos los componentes del chat están disponibles gracias al proyecto de código abierto Chat21, también disponible en GitHub (https://github.com/chat21)
Y más.
Instale Node y NPM (https://nodejs.org/en). Sugerido: nodo v14.15.5 (npm v6.14.11).
Si desea administrar múltiples versiones activas de Node.js, para instalar node use la herramienta Node Version Manager (NVM)
Instale angular-cli v7.3.10 con npm install -g @angular/[email protected]
servidor Tiledesk instalado y ejecutándose (https://github.com/Tiledesk/tiledesk-server.git)
¿Quieres instalar todos los componentes de Tiledesk en tu servidor con un solo clic? Utilice la guía de instalación de Docker Compose Tiledesk
Instale la última versión estable. Verifique en la página de Github la última versión en la pestaña Versiones y luego ejecute
git clone https://github.com/Tiledesk/tiledesk-dashboard.git --branch
cd tiledesk-dashboard
npm install
Puede colocar la URL de su API y otras configuraciones directamente en el entorno.*.ts si remoteConfig está configurado en false o en el dashboard-config.json si remoteConfig está configurado en true .
Si remoteConfig está configurado en true cree un nombre de archivo dashboard-config.json y colóquelo en la carpeta src .
Un ejemplo de la configuración del archivo environment.ts en 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 : el panel admite 4 niveles de registro. El orden es el siguiente: Error < Warn < Info < Debug Ejecute la aplicación con ng serve
Para la instalación en producción, configure el archivo Environment.prod.ts en src/environments/ .
export const environment = {
production: false,
remoteConfig: false,
VERSION: require('../../package.json').version,
...
Ejecute ng build --prod --base-href ./
Copie el contenido de la carpeta dist a su servidor web (por ejemplo Apache o Nginx)
aws s3 sync ./dist/ s3://tiledesk-dashboard/dashboard
Para ejecutar Tiledesk-dashboard en el puerto 4500, ejecute:
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 ejecutar Tiledesk-dashboard con npm:
EN DESARROLLO
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 el archivo _variables.scss en la carpeta src/assets/sass/md/ para personalizar los colores
Cargue scripts externos agregando en Environment.*.ts (si remoteConfig está configurado en false o en dashboard-config.json si remoteConfig está configurado en true ) la clave globalRemoteJSSrc con el valor de sus scripts separados por comas
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 iniciar sesión automáticamente, pase el token JWT como parámetro de consulta de la URL de su Panel de control como en el siguiente ejemplo:
"http://localhost:4200/#/project//home?token="
Puede ejecutar una versión integrada del panel dentro de una aplicación existente usando, por ejemplo, un iframe, como en el siguiente ejemplo que muestra los detalles de una conversación (CONVERSATION_ID comienza con support-group-XYZ)
""
