Tiledesk Developer Hub
WebsiteCommunityTutorialsGet started
  • Introduction
  • Community
  • Ask for Support
  • Public Roadmap and Changelog
  • Tutorials
  • Widget
    • Widget SDK
    • Javascript API: Methods
    • Javascript API: Attributes
    • Javascript API: Listeners/Events
    • Widget Authentication
    • Widget Angular integration
    • Widget React integration
    • Widget for Android with WebView
    • Widget for iOS with WKWebView
    • Widget for Flutter with WebView
    • Widget for React with WebView
    • Widget for Wix Website platform
    • Tutorials
      • Hide widget
      • Show/Hide widget programmatically
      • Force widget loading without user interaction
      • Mobile positioning
      • Custom size (width/height)
      • Installing widget on selected pages
      • Custom widget style
    • Conversation Embedded Apps
      • Payment App Tutorial
      • Prechat form App Tutorial
    • Advanced
      • Preset the Widget on a specific Department
      • Authentication Flow
      • Widget protocol specs
      • Prechat Form JSON specs
      • Prevent multiple conversations
      • Old versions
        • Web SDK v4
  • External Chatbot
    • Introduction
    • Hello World tutorial
    • Chatbot to Human handoff
    • Send Text Buttons
    • Advanced Tutorials
      • Introduction
      • Tutorial 1 - Dialogflow as external chatbot
      • Tutorial 2 - Buttons and images
      • Tutorial 3 - Automatic human handoff with fallback intent
      • Tutorial 4 - Explicit Human handoff with user intent
      • Tutorial 5 - Gracefully handling operating hours during handoff
      • Generate Dialogflow Google Credentials file
    • Rasa tutorials
      • Rasa Tutorial 1 - Rasa as external chatbot
  • Resolution bot
    • Introduction
    • Quickstart
    • Webhook service
    • Rich messages
    • Tutorials
      • Chatbot chooser (multilanguage)
      • Department chooser
      • Order info (webhook)
  • APIs
    • REST APIs
      • Introduction
      • Authentication
      • Requests
      • Leads
      • Messages
      • Activities
      • Projects
      • Team
      • User
      • Analytics
      • Canned responses
      • Tags
      • Events
      • Jwt
      • Labels
      • Images
      • Files
      • Segments
      • Chatbots
      • Knowledge Bases
        • Knowledge Base
        • Contents
        • Question & Answer
      • Management Api
        • Departments
        • Groups
    • NodeJS SDK
    • Webhooks
      • Subscriptions
    • Conversation Messages APIs tips
    • Realtime API
    • JWT Authentication
      • JWT Custom authentication Tutorial
    • Tutorials
      • REST API
        • Sending and receiving messages with Tiledesk APIs
        • PHP Tiledesk REST API example
        • Import multiple messages into Tiledesk using REST APIs from third party app
      • Webhooks
        • Custom Request assignment
        • Request transcript on close
  • Apps
    • Build Custom App - Quick start
    • External Channels integration flow diagram
    • Telegram integration tutorial
  • Dashboard & AgentChat SDK
    • Dashboard SDK
    • Agent Chat SDK
  • Architecture
    • Architecture overview
    • Components list
    • Bot Design diagram
    • Multi Channel Message Flow
  • Installation
    • Installation
    • Running Tiledesk using Docker Compose
    • Running Tiledesk with Kubernetes using Helm
    • Choosing Hardware
  • Configuration
    • Chat21 channel configuration
    • Email parameters and templates configuration
    • Configure the logging system
Powered by GitBook
On this page
  • Components list
  • GitHub Projects Pages
  • Tiledesk
  • Chat21 Messaging engine
  • Components dependency diagram
  • Components overview
  • Tiledesk with RabbitMQ + MQTT Chat21 engine
  • Tiledesk network diagram
  • Tiledesk-server overview

Was this helpful?

  1. Architecture

Components list

Components list

Read the component readme files for more information.

GitHub Projects Pages

  • Tiledesk project

  • Chat21 project

Tiledesk

Core

  • Tiledesk Server: This is the server engine of Tiledesk written in NodeJs and Express - MIT license.

  • Tiledesk Dashboard: This is the dashboard webapp for managing the Tiledesk platform written in Angular - MIT license.

  • Tiledesk Deployment: Tiledesk containerized deployment with Helm + Kubernetes and Docker Compose - MIT license

Mobile apps

  • Tiledesk Android app: Native Tiledesk Android mobile app - MIT license

  • Tiledesk iOS app: Native Tiledesk iOS mobile app - MIT license

SDKs

  • Tiledesk Node js SDK. Tiledesk Node JS SDK - MIT license

Chat21 Messaging engine

Tiledek supports two Chat21 engines:

RabbitMQ + MQTT engine

  • Chat21 Server. Chat21 Server as RabbitMQ observer functions - MIT license

  • Chat21 HTTP Server. Chat21 RabbitMQ REST API server - MIT license

Firebase engine

  • Chat21 Cloud Functions. Firebase cloud functions for Chat21. It's the server engine of Chat21 hosted on Google Firebase - MIT license

Web Clients

  • Chat21 Web Widget. Live Chat Widget built with Firebase and Angular4 for customer support - MIT license

  • Chat21 Ionic Web App. A ionic v5 and Angular 8 desktop and mobile chat used by agents - MIT license

SDKs

  • Chat21 Node js SDK. Chat21 Node JS SDK - MIT license

Mobile SDKs

  • Chat21 Android SDK. Native Chat21 SDK for Android - MIT license

  • Chat21 iOS SDK. Native Chat21 SDK for iOS - MIT license

Components dependency diagram

Components overview

Chat21 is the default messaging engine of Tiledesk. Chat21 has a multi platform SDKs: native iOS and Android mobile SDKs and Web SDKs.

Widget, Web Chat and Native mobile apps are Chat21 modules.

Chat21 uses RabbitMQ + MQTT realtime engine. See the announcement here

Tiledesk with RabbitMQ + MQTT Chat21 engine

Chat21 communicates with Tiledesk through webhooks. When a Chat21 event occurs - a new message arrives, a new member join a group, etc - a new Event is created and notified to Tiledesk Server. Chat21 then makes an HTTP POST request to send the Event to the Tiledesk webhook endpoint .

Tiledesk network diagram

Tiledesk-server overview

PreviousArchitecture overviewNextBot Design diagram

Last updated 7 months ago

Was this helpful?

image
image