Vous souhaitez installer Tiledesk sur votre serveur en un seul clic ?
Utiliser le guide d'installation de Docker Compose Tiledesk
Tiledesk est une plateforme Open Source Live Chat avec des Chatbots intégrés écrits en NodeJs et Express. Créez votre propre support client avec une plateforme multicanal pour Web, Android et iOS.
Conçu pour être open source depuis le début, nous y avons travaillé activement pour créer une toute nouvelle plateforme de service client de premier ordre basée sur la messagerie instantanée.
Qu’est-ce que Tiledesk aujourd’hui ? Elle est devenue la plateforme open source de « développement d’applications conversationnelles » dont tout le monde a besoin ?
Vous pouvez utiliser Tiledesk pour augmenter les ventes de votre site Web ou pour le service client après-vente. Chaque conversation peut être automatisée grâce à notre technologie de chatbot native de première classe. Vous pouvez également connecter vos propres applications à l'aide de nos API ou Webhooks. De plus, vous pouvez déployer des applications visuelles entières dans une conversation. Et vos applications peuvent dialoguer avec vos chatbots ou vos utilisateurs finaux ! On sait que c'est cool ?
Tiledesk est multicanal d'une manière totalement nouvelle. Vous pouvez écrire vos scripts de chatbot avec des images, des boutons et d'autres éléments intéressants pris en charge par vos chaînes. Mais vous ne configurerez les réponses de votre chatbot qu’une seule fois. Ils fonctionneront sur chaque canal, adaptant automatiquement les réponses au canal cible quel qu'il soit, Whatsapp, Facebook Messenger, Telegram, etc.
L'application backoffice Tiledesk.com est disponible sur GitHub sous licence MIT.
Suivez ces instructions pour configurer l'environnement.
Considérez que le service cloud Tiledesk.com rend chaque module disponible avec la même licence open source.
Composant Widget Web
API du widget iOS (travail en cours)
Application iOS complète
Application Android complète
Tableau de bord Tiledesk (ce dépôt)
Tous les composants du chat sont disponibles grâce au projet open source Chat21, également disponible sur GitHub (https://github.com/chat21)
Et plus encore.
Installez Node et NPM (https://nodejs.org/en). Suggéré : nœud v14.15.5 (npm v6.14.11).
Si vous souhaitez gérer plusieurs versions actives de Node.js, pour installer le nœud, utilisez l'outil Node Version Manager (NVM)
Installez angulaire-cli v7.3.10 avec npm install -g @angular/[email protected]
Tiledesk-server installé et en cours d'exécution (https://github.com/Tiledesk/tiledesk-server.git)
Vous souhaitez installer tous les composants Tiledesk sur votre serveur en un seul clic ? Utiliser le guide d'installation de Docker Compose Tiledesk
Installez la dernière version stable. Vérifiez sur la page Github la dernière version sous l'onglet Releases, puis exécutez
git clone https://github.com/Tiledesk/tiledesk-dashboard.git --branch
cd tiledesk-dashboard
npm install
Vous pouvez mettre l'URL de votre API et les autres paramètres directement dans l'environnement.*.ts si remoteConfig
est défini sur false
ou dans le dashboard-config.json
si remoteConfig
est défini sur true
.
Si remoteConfig
est défini sur true
créez un nom de fichier dashboard-config.json
et placez-le dans le dossier src
.
Un exemple de configuration du fichier environment.ts
dans 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
: Le tableau de bord prend en charge 4 niveaux de journalisation. L'ordre est le suivant : Error < Warn < Info < Debug
Exécutez l'application avec ng serve
Pour l'installation en production, configurez le fichier environnement.prod.ts dans src/environments/
.
export const environment = {
production: false,
remoteConfig: false,
VERSION: require('../../package.json').version,
...
Exécutez ng build --prod --base-href ./
Copiez le contenu du dossier dist sur votre serveur Web (par exemple Apache ou Nginx)
aws s3 sync ./dist/ s3://tiledesk-dashboard/dashboard
Pour exécuter Tiledesk-dashboard sur le port 4500, exécutez :
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
Pour exécuter Tiledesk-dashboard avec npm :
EN DÉVELOPPEMENT
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
...
Editez le fichier _variables.scss dans le dossier src/assets/sass/md/
pour personnaliser les couleurs
Chargez des scripts externes en ajoutant dans Environment.*.ts (si remoteConfig
est défini sur false
ou dans le dashboard-config.json
si remoteConfig
est défini sur true
) la clé globalRemoteJSSrc
avec la valeur de vos scripts séparés par des virgules.
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
...
Pour vous connecter automatiquement, transmettez le jeton JWT comme paramètre de requête de l'URL de votre tableau de bord, comme dans l'exemple suivant :
"http://localhost:4200/#/project//home?token="
Vous pouvez exécuter une version intégrée du tableau de bord dans une application existante en utilisant, par exemple, une iframe, comme dans l'exemple suivant qui affiche le détail d'une conversation (CONVERSATION_ID commence par support-group-XYZ)
""