tiledesk dashboard
v2.3.2 (Latest stable release)
คุณต้องการติดตั้ง Tiledesk บนเซิร์ฟเวอร์ของคุณด้วยการคลิกเพียงครั้งเดียวหรือไม่?
ใช้คู่มือการติดตั้ง Docker Compose Tiledesk
Tiledesk เป็นแพลตฟอร์ม Open Source Live Chat ที่มี Chatbots ในตัวที่เขียนด้วย NodeJs และ Express สร้างการสนับสนุนลูกค้าของคุณเองด้วยแพลตฟอร์มหลายช่องทางสำหรับเว็บ, Android และ iOS
ได้รับการออกแบบให้เป็นโอเพ่นซอร์สตั้งแต่เริ่มต้น เราทำงานอย่างแข็งขันเพื่อสร้างแพลตฟอร์มการบริการลูกค้าชั้นหนึ่งใหม่ทั้งหมดโดยใช้การส่งข้อความโต้ตอบแบบทันที
วันนี้ Tiledesk คืออะไร? มันกลายเป็นแพลตฟอร์ม “การพัฒนาแอปสนทนา” แบบโอเพ่นซอร์สที่ทุกคนต้องการ ?
คุณสามารถใช้ Tiledesk เพื่อเพิ่มยอดขายให้กับเว็บไซต์ของคุณหรือเพื่อการบริการลูกค้าหลังการขาย ทุกการสนทนาสามารถเป็นไปโดยอัตโนมัติโดยใช้เทคโนโลยีแชทบอทเนทิฟคลาสของเรา คุณยังสามารถเชื่อมต่อแอปพลิเคชันของคุณเองโดยใช้ API หรือ Webhooks ของเราได้ นอกจากนี้ คุณยังสามารถปรับใช้แอปพลิเคชันภาพทั้งหมดภายในการสนทนาได้ และแอปพลิเคชันของคุณสามารถสนทนากับแชทบอทหรือผู้ใช้ปลายทางของคุณได้! เรารู้ว่ามันเจ๋ง?
Tiledesk เป็นช่องทางที่หลากหลายในรูปแบบใหม่โดยสิ้นเชิง คุณสามารถเขียนสคริปต์แชทบอทด้วยรูปภาพ ปุ่ม และองค์ประกอบเจ๋งๆ อื่นๆ ที่ช่องของคุณรองรับ แต่คุณจะกำหนดค่าแชทบอตของคุณตอบกลับเพียงครั้งเดียว พวกมันจะทำงานบนทุกช่องทาง ปรับการตอบกลับอัตโนมัติไปยังช่องทางเป้าหมาย ไม่ว่าจะเป็น Whatsapp, Facebook Messenger, Telegram ฯลฯ
แอปพลิเคชัน backoffice ของ Tiledesk.com พร้อมใช้งานบน GitHub ภายใต้ใบอนุญาต MIT
ทำตามคำแนะนำนี้เพื่อตั้งค่าสภาพแวดล้อม
พิจารณาว่าบริการคลาวด์ของ Tiledesk.com ทำให้ทุกโมดูลพร้อมใช้งานด้วยลิขสิทธิ์โอเพ่นซอร์สเดียวกัน
ส่วนประกอบเว็บวิดเจ็ต
iOS Widget API (อยู่ระหว่างดำเนินการ)
แอพ iOS เต็มรูปแบบ
แอพ Android เต็มรูปแบบ
Tiledesk Dashboard (repo นี้)
องค์ประกอบการแชททั้งหมดมีให้ใช้งานด้วยโครงการโอเพ่นซอร์ส 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 รุ่นล่าสุดภายใต้แท็บ Releases จากนั้นจึงเรียกใช้
git clone https://github.com/Tiledesk/tiledesk-dashboard.git --branch <LATEST-RELEASE-VERSION>
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://<YOUR_CHAT21_WEB_WIDGET_URL>:4200/",
botcredendialsURL: "https://<YOUR_BOT_CREDENTIALS_URL>",
SERVER_BASE_URL: "https://<YOUR_TILEDESK_SERVER>/",
CHAT_BASE_URL: "https://<YOUR_CHAT21_IONIC_URL>/chat",
globalRemoteJSSrc: "https://<YOUR_CUSTOM_SCRIPT_1>, https://<YOUR_CUSTOM_SCRIPT_2>" // 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: "<YOUR-PREFERRED-LOG-LEVEL>",
wsUrl: 'ws://' + window.location.hostname + '/ws/'
};
logLevel : แดชบอร์ดรองรับระดับการบันทึก 4 ระดับ ลำดับมีดังนี้: Error < Warn < Info < Debug เรียกใช้แอปด้วย ng serve
สำหรับการติดตั้งที่ใช้งานจริง ให้กำหนดค่าไฟล์ Environmental.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-dashboard บนพอร์ต 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-dashboard ด้วย 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://<YOUR_CHAT21_WEB_WIDGET_URL>:4200/",
botcredendialsURL: "https://<YOUR_BOT_CREDENTIALS_URL>",
SERVER_BASE_URL: "https://<YOUR_TILEDESK_SERVER>/",
...
brandSrc :"https://<YOUR_BRAND_JSON>/",
...
};
SERVER_BASE_URL=YOUR_TILEDESK_SERVER_URL
...
BRAND_SRC=https:YOUR_BRAND_SCRIPT_URL
...
แก้ไขไฟล์ _variables.scss ในโฟลเดอร์ src/assets/sass/md/ เพื่อปรับแต่งสี
โหลดสคริปต์ภายนอกโดยการเพิ่มในสภาวะแวดล้อม*.ts (หากตั้ง remoteConfig เป็น false หรือใน dashboard-config.json หากตั้งค่า remoteConfig เป็น true ) คีย์ globalRemoteJSSrc พร้อมค่าสคริปต์ของคุณคั่นด้วยเครื่องหมายจุลภาค
WIDGET_BASE_URL: "https://<YOUR_CHAT21_WEB_WIDGET_URL>:4200/",
botcredendialsURL: "https://<YOUR_BOT_CREDENTIALS_URL>",
SERVER_BASE_URL: "https://<YOUR_TILEDESK_SERVER>/",
...
globalRemoteJSSrc :"https://<YOUR_CUSTOM_SCRIPT_1>, https://<YOUR_CUSTOM_SCRIPT_2>",
...
};
SERVER_BASE_URL=YOUR_TILEDESK_SERVER_URL
...
REMOTE_JS_SRC=YOUR_CUSTOM_SCRIPT_URL
...
หากต้องการเข้าสู่ระบบอัตโนมัติ ให้ส่งโทเค็น JWT เป็นพารามิเตอร์การสืบค้นของ URL แดชบอร์ดของคุณดังตัวอย่างต่อไปนี้:
"http://localhost:4200/#/project/<YOUR_PROJECT_ID>/home?token=<JWT_TOKEN>"
คุณสามารถเรียกใช้เวอร์ชันที่ฝังของแดชบอร์ดภายในแอปที่มีอยู่ได้โดยใช้ iframe เช่น ในตัวอย่างต่อไปนี้ซึ่งแสดงรายละเอียดของการสนทนา (CONVERSATION_ID ขึ้นต้นด้วย support-group-XYZ)
"<iframe src='http://localhost:4200/#/project/<YOUR_PROJECT_ID>/request-for-panel/support-group-<CONVERSATION_ID>?token=<JWT_TOKEN'></iframe>"
