tiledesk dashboard
v2.3.2 (Latest stable release)
한 번의 클릭으로 서버에 Tiledesk를 설치하시겠습니까?
Docker Compose Tiledesk 설치 가이드 사용
Tiledesk는 NodeJs 및 Express로 작성된 통합 Chatbot이 포함된 오픈 소스 라이브 채팅 플랫폼입니다. 웹, Android 및 iOS용 다중 채널 플랫폼을 사용하여 자체 고객 지원을 구축하세요.
처음부터 오픈 소스로 설계되었으며, 인스턴트 메시징을 기반으로 하는 완전히 새로운 일류 고객 서비스 플랫폼을 만들기 위해 적극적으로 노력했습니다.
오늘날 Tiledesk는 무엇입니까? 모두가 필요로 하는 오픈소스 “대화형 앱 개발” 플랫폼이 되었습니다.
Tiledesk를 사용하여 웹사이트 판매를 늘리거나 판매 후 고객 서비스를 제공할 수 있습니다. 모든 대화는 당사의 최고 수준의 기본 챗봇 기술을 사용하여 자동화될 수 있습니다. API나 Webhooks를 사용하여 자신의 애플리케이션을 연결할 수도 있습니다. 또한 대화 내에서 전체 시각적 애플리케이션을 배포할 수 있습니다. 그리고 귀하의 애플리케이션은 챗봇이나 최종 사용자와 대화할 수 있습니다! 우리는 이것이 멋지다는 것을 알고 있습니까?
Tiledesk는 완전히 새로운 방식의 다중 채널입니다. 채널이 지원하는 이미지, 버튼 및 기타 멋진 요소를 사용하여 챗봇 스크립트를 작성할 수 있습니다. 하지만 챗봇 응답은 한 번만 구성하면 됩니다. Whatsapp, Facebook Messenger, Telegram 등 대상 채널에 대한 응답을 자동으로 조정하여 모든 채널에서 실행됩니다.
Tiledesk.com 백오피스 애플리케이션은 MIT 라이선스에 따라 GitHub에서 사용할 수 있습니다.
환경을 설정하려면 이 지침을 따르세요.
Tiledesk.com 클라우드 서비스를 통해 모든 모듈을 동일한 오픈 소스 라이선스로 사용할 수 있다는 점을 고려하세요.
Web Widget 구성요소
iOS 위젯 API(작업 진행 중)
정식 iOS 앱
정식 안드로이드 앱
Tiledesk 대시보드(이 저장소)
모든 채팅 구성 요소는 GitHub(https://github.com/chat21)에서도 사용할 수 있는 Chat21 오픈 소스 프로젝트 덕분에 사용할 수 있습니다.
그리고 더.
Node와 NPM을 설치합니다(https://nodejs.org/en). 제안: 노드 v14.15.5(npm v6.14.11).
여러 활성 Node.js 버전을 관리하려면 노드를 설치하려면 NVM(노드 버전 관리자) 도구를 사용하세요.
npm install -g @angular/[email protected] 사용하여 angle-cli v7.3.10을 설치합니다.
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
API URL과 기타 설정을 Environment.*.ts( remoteConfig 가 false 로 설정된 경우)에 직접 입력하거나, remoteConfig true 로 설정된 경우 dashboard-config.json 에 입력할 수 있습니다.
remoteConfig true 로 설정된 경우 dashboard-config.json 파일 이름을 생성하여 src 폴더에 넣습니다.
src/environments/ 에 있는 environment.ts 파일 구성의 예
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 로 앱 실행
프로덕션 설치의 경우 src/environments/ 에서 Environment.prod.ts 파일을 구성합니다.
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
포트 4500에서 Tiledesk-dashboard를 실행하려면 다음을 실행하세요.
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
npm을 사용하여 Tiledesk-dashboard를 실행하려면:
개발 중
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
...
색상을 사용자 정의하려면 src/assets/sass/md/ 폴더에 있는 _variables.scss 파일을 편집하세요.
Environment.*.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>"
