Хотите установить Tiledesk на свой сервер одним щелчком мыши?
Используйте руководство по установке Docker Compose Tiledesk
Tiledesk — это платформа Live Chat с открытым исходным кодом и встроенными чат-ботами, написанными на NodeJs и Express. Создайте собственную службу поддержки клиентов с помощью многоканальной платформы для Интернета, Android и iOS.
С самого начала мы разрабатывали как открытый исходный код, и мы активно работали над ним, чтобы создать совершенно новую первоклассную платформу обслуживания клиентов, основанную на обмене мгновенными сообщениями.
Что такое Tiledesk сегодня? Она стала платформой для «разработки диалоговых приложений» с открытым исходным кодом, которая нужна каждому?
Вы можете использовать Tiledesk для увеличения продаж вашего веб-сайта или для послепродажного обслуживания клиентов. Каждый разговор можно автоматизировать с помощью нашей первоклассной технологии чат-бота. Вы также можете подключить свои собственные приложения с помощью наших API или веб-хуков. Более того, вы можете развертывать целые визуальные приложения внутри разговора. И ваши приложения смогут общаться с вашими чат-ботами или конечными пользователями! Мы знаем, что это круто?
Tiledesk является многоканальным в совершенно новом смысле. Вы можете писать сценарии своих чат-ботов с изображениями, кнопками и другими интересными элементами, которые поддерживают ваши каналы. Но вы настроите ответы своего чат-бота только один раз. Они будут работать на каждом канале, автоматически адаптируя ответы к целевому каналу, каким бы он ни был: WhatsApp, Facebook Messenger, Telegram и т. д.
Приложение Backoffice Tiledesk.com доступно на GitHub под лицензией MIT.
Следуйте этим инструкциям, чтобы настроить среду.
Учтите, что облачный сервис Tiledesk.com предоставляет доступ к каждому модулю с одной и той же лицензией с открытым исходным кодом.
Компонент веб-виджета
API виджетов iOS (в разработке)
Полное приложение для iOS
Полное приложение для Android
Панель управления Tiledesk (этот репозиторий)
Все компоненты чата доступны благодаря проекту с открытым исходным кодом Chat21, который также доступен на GitHub (https://github.com/chat21).
И еще.
Установите Node и NPM (https://nodejs.org/en). Предлагается: узел v14.15.5 (npm v6.14.11).
Если вы хотите управлять несколькими активными версиями Node.js, для установки узла используйте инструмент Node Version Manager (NVM).
Установите angular-cli v7.3.10 с помощью npm install -g @angular/[email protected]
tiledesk-server установлен и работает (https://github.com/Tiledesk/tiledesk-server.git)
Хотите установить все компоненты Tiledesk на свой сервер одним щелчком мыши? Используйте руководство по установке Docker Compose Tiledesk
Установите последнюю стабильную версию. Проверьте на странице Github последний выпуск на вкладке «Релизы», а затем запустите.
git clone https://github.com/Tiledesk/tiledesk-dashboard.git --branch
cd tiledesk-dashboard
npm install
Вы можете поместить URL-адрес API и другие настройки непосредственно в среду.*.ts, если для remoteConfig
установлено значение false
, или в файле dashboard-config.json
если для remoteConfig
установлено значение true
.
Если для параметра remoteConfig
установлено значение true
создайте файл с именем dashboard-config.json
и поместите его в папку src
.
Пример настройки файла environment.ts
в 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
: панель мониторинга поддерживает 4 уровня журнала. Порядок следующий: Error < Warn < Info < Debug
Запустите приложение с помощью ng serve
Для производственной установки настройте файл Environment.prod.ts в src/environments/
.
export const environment = {
production: false,
remoteConfig: false,
VERSION: require('../../package.json').version,
...
Запустите ng build --prod --base-href ./
Скопируйте содержимое папки dist на свой веб-сервер (например, Apache или Nginx).
aws s3 sync ./dist/ s3://tiledesk-dashboard/dashboard
Чтобы запустить панель управления Tiledesk через порт 4500, выполните:
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
Чтобы запустить панель управления Tiledesk с помощью npm:
В РАЗРАБОТКЕ
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
...
Отредактируйте файл _variables.scss в папке src/assets/sass/md/
чтобы настроить цвета.
Загрузите внешние сценарии, добавив в файл Environment.*.ts (если для remoteConfig
установлено значение false
или в dashboard-config.json
, если для remoteConfig
установлено значение true
) ключ globalRemoteJSSrc
со значением ваших сценариев, разделенным запятыми.
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
...
Для автоматического входа в систему передайте токен JWT в качестве параметра запроса URL-адреса вашей информационной панели, как показано в следующем примере:
"http://localhost:4200/#/project//home?token="
Вы можете запустить встроенную версию информационной панели внутри существующего приложения, используя, например, iframe, как в следующем примере, который отображает детали разговора (CONVERSATION_ID начинается с support-group-XYZ).
""