tiledesk dashboard
v2.3.2 (Latest stable release)
Möchten Sie Tiledesk mit nur einem Klick auf Ihrem Server installieren?
Verwenden Sie die Installationsanleitung für Docker Compose Tiledesk
Tiledesk ist eine Open-Source-Live-Chat-Plattform mit integrierten Chatbots, die in NodeJs und Express geschrieben sind. Bauen Sie Ihren eigenen Kundensupport mit einer Multi-Channel-Plattform für Web, Android und iOS auf.
Von Anfang an als Open Source konzipiert, haben wir aktiv daran gearbeitet, eine völlig neue, erstklassige Kundenservice-Plattform auf Basis von Instant Messaging zu schaffen.
Was ist Tiledesk heute? Es wurde zur Open-Source-Plattform für die „konversationale App-Entwicklung“, die jeder braucht?
Sie können Tiledesk verwenden, um den Umsatz Ihrer Website zu steigern oder den Kundendienst nach dem Verkauf zu unterstützen. Jedes Gespräch kann mithilfe unserer erstklassigen nativen Chatbot-Technologie automatisiert werden. Sie können auch Ihre eigenen Anwendungen über unsere APIs oder Webhooks anbinden. Darüber hinaus können Sie ganze visuelle Anwendungen innerhalb einer Konversation bereitstellen. Und Ihre Anwendungen können mit Ihren Chatbots oder Ihren Endbenutzern kommunizieren! Wir wissen, dass das cool ist?
Tiledesk ist Multichannel auf eine völlig neue Art und Weise. Sie können Ihre Chatbot-Skripte mit Bildern, Schaltflächen und anderen coolen Elementen schreiben, die Ihre Kanäle unterstützen. Sie konfigurieren Ihre Chatbot-Antworten jedoch nur einmal. Sie werden auf jedem Kanal ausgeführt und passen die Antworten automatisch an den Zielkanal an, egal um welchen Kanal es sich handelt, WhatsApp, Facebook Messenger, Telegram usw.
Die Backoffice-Anwendung von Tiledesk.com ist auf GitHub unter MIT-Lizenz verfügbar.
Befolgen Sie diese Anweisungen, um die Umgebung einzurichten.
Bedenken Sie, dass der Cloud-Service Tiledesk.com jedes Modul mit derselben Open-Source-Lizenz verfügbar macht.
Web-Widget-Komponente
iOS-Widget-API (in Arbeit)
vollständige iOS-App
Vollständige Android-App
Tiledesk Dashboard (dieses Repo)
Alle Chat-Komponenten sind dank des Open-Source-Projekts Chat21 verfügbar, das auch auf GitHub verfügbar ist (https://github.com/chat21).
Und mehr.
Installieren Sie Node und NPM (https://nodejs.org/en). Empfohlen: Knoten v14.15.5 (npm v6.14.11).
Wenn Sie mehrere aktive Node.js-Versionen verwalten möchten, verwenden Sie zum Installieren des Knotens das Tool Node Version Manager (NVM).
Installieren Sie angle-cli v7.3.10 mit npm install -g @angular/[email protected]
Tiledesk-Server installiert und ausgeführt (https://github.com/Tiledesk/tiledesk-server.git)
Möchten Sie alle Tiledesk-Komponenten mit nur einem Klick auf Ihrem Server installieren? Verwenden Sie die Installationsanleitung für Docker Compose Tiledesk
Installieren Sie die neueste stabile Version. Überprüfen Sie auf der Github-Seite die letzte Version unter der Registerkarte „Releases“ und führen Sie sie dann aus
git clone https://github.com/Tiledesk/tiledesk-dashboard.git --branch
cd tiledesk-dashboard
npm install
Sie können Ihre API-URL und die anderen Einstellungen direkt in die Datei „environment.*.ts“ einfügen, wenn remoteConfig auf false gesetzt ist, oder in die dashboard-config.json wenn remoteConfig auf true gesetzt ist.
Wenn remoteConfig auf true gesetzt ist, erstellen Sie eine Datei mit dem Namen dashboard-config.json und legen Sie sie im Ordner src ab.
Ein Beispiel für die Konfiguration der Datei environment.ts in 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 : Das Dashboard unterstützt 4 Protokollebenen. Die Reihenfolge ist wie folgt: Error < Warn < Info < Debug Führen Sie die App mit ng serve aus
Konfigurieren Sie für die Produktionsinstallation die Datei „environment.prod.ts“ in src/environments/ .
export const environment = {
production: false,
remoteConfig: false,
VERSION: require('../../package.json').version,
...
Führen Sie ng build --prod --base-href ./
Kopieren Sie den Inhalt des dist-Ordners auf Ihren Webserver (z. B. Apache oder Nginx).
aws s3 sync ./dist/ s3://tiledesk-dashboard/dashboard
Um Tiledesk-dashboard auf Port 4500 auszuführen, führen Sie Folgendes aus:
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
So führen Sie Tiledesk-Dashboard mit npm aus:
IN ENTWICKLUNG
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
...
Bearbeiten Sie die Datei _variables.scss im Ordner src/assets/sass/md/ um die Farben anzupassen
Laden Sie externe Skripte, indem Sie in „environment.*.ts“ (wenn remoteConfig auf false gesetzt ist oder in „ dashboard-config.json , wenn remoteConfig auf true gesetzt ist) den Schlüssel globalRemoteJSSrc mit dem durch Kommas getrennten Wert Ihrer Skripte hinzufügen
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
...
Um sich automatisch anzumelden, übergeben Sie das JWT-Token als Abfrageparameter Ihrer Dashboard-URL wie im folgenden Beispiel:
"http://localhost:4200/#/project//home?token="
Sie können eine eingebettete Version des Dashboards in einer vorhandenen App ausführen, beispielsweise mithilfe eines Iframes, wie im folgenden Beispiel, das die Details einer Konversation anzeigt (CONVERSATION_ID beginnt mit support-group-XYZ).
""
