Tidio MCP Server

resmi

Hubungkan Tidio dengan situs web Anda melalui MCP. Sematkan widget tanpa keluar dari lingkungan pemrograman Anda.

Lihat di tid.io

Dokumentasi

Konektor MCP Tidio

Server MCP (Model Context Protocol) yang menghubungkan asisten AI ke live chat Tidio - dengan pengaturan otomatis

Fitur

  • Pengaturan Otomatis: Hubungkan ke Tidio dengan satu perintah - tanpa perlu menyalin kunci secara manual
  • Autentikasi OAuth: Membuka peramban untuk login Tidio yang aman, otomatis mengambil kunci publik Anda
  • Persistensi Kredensial: Kredensial disimpan secara lokal untuk sesi mendatang
  • Pembuatan Kode Embed: Dapatkan kode JavaScript siap pakai untuk situs web apa pun

Instalasi

npm install tidio-mcp-connector

Atau kloning dan bangun secara lokal:

git clone https://github.com/your-username/tidio-mcp-connector.git cd tidio-mcp-connector npm install npm run build

Penggunaan

Dengan Claude Desktop

Tambahkan ke konfigurasi Claude Desktop Anda (~/Library/Application Support/Claude/claude_desktop_config.json):

{ "mcpServers": { "tidio": { "command": "npx", "args": ["tidio-mcp-connector"] } } }

Dengan Lovable

Konektor MCP ini berfungsi dengan Lovable dan platform pengembangan berbasis AI serupa. Tambahkan sebagai server MCP kustom.

Dengan MCP Inspector (Pengujian)

npx @modelcontextprotocol/inspector npx tidio-mcp-connector

Alat yang Tersedia

tidio_connect (Direkomendasikan)

Hubungkan ke Tidio dan dapatkan kunci publik Anda secara otomatis.

Cara kerjanya:

  1. Membuka peramban Anda ke halaman login Tidio
  2. Anda mengautentikasi dengan akun Tidio Anda
  3. Mengembalikan kunci publik dan kode embed Anda secara otomatis

Parameter:

  • site_url (wajib): URL situs web tempat Tidio akan disematkan

Contoh:

Connect Tidio to https://mywebsite.com

tidio_status

Periksa status koneksi Anda dan dapatkan kode embed Anda.

Parameter: Tidak ada

tidio_disconnect

Hapus kredensial yang tersimpan.

generate_tidio_embed

Buat kode embed untuk kunci publik tertentu (jika Anda sudah memilikinya).

Parameter:

  • public_key (wajib): Kunci publik Tidio Anda
  • loading_mode (opsional): "async" (default) atau "sync"

Cara Kerja

  1. Pengguna memanggil tidio_connect dengan URL situs web mereka
  2. Peramban terbuka ke halaman autentikasi Tidio
  3. Pengguna login ke akun Tidio mereka
  4. Callback diterima - server MCP mendapatkan token refresh
  5. Panggilan API dilakukan - menukar token dengan token akses, lalu mengambil kunci publik
  6. Kredensial disimpan ke ~/.tidio-mcp/credentials.json
  7. Kode embed dikembalikan - siap ditambahkan ke situs web

Penyimpanan Kredensial

Kredensial disimpan secara lokal di ~/.tidio-mcp/credentials.json:

{ "public_key": "abc123...", "access_token": "...", "refresh_token": "...", "site_url": "https://example.com", "created_at": "2024-01-01T00:00:00.000Z", "updated_at": "2024-01-01T00:00:00.000Z" }

Output Kode Embed

Konektor menghasilkan kode pemuatan asinkron yang dioptimalkan:

Pengembangan

Instal dependensi

npm install

Jalankan dalam mode pengembangan

npm run dev

Bangun untuk produksi

npm run build

Jalankan versi yang dibangun

npm start

Persyaratan

  • Node.js 18+
  • Akun Tidio (tingkat gratis berfungsi)

Lisensi

MIT

Terkait

  • Tidio - Platform live chat dan chatbot
  • Model Context Protocol - Standar terbuka untuk integrasi AI
  • Lovable - Pengembangan aplikasi berbasis AI