Tidio

resmi

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

Apa yang bisa Anda lakukan dengan Tidio MCP?

  • Autentikasi dan hubungkan akun Tidio Anda — jalankan tidio_connect dengan URL situs Anda untuk masuk melalui browser dan secara otomatis mengambil kunci publik Anda.
  • Periksa status koneksi dan dapatkan kode sematan — gunakan tidio_status untuk memastikan Anda terhubung dan mengambil cuplikan JavaScript untuk situs Anda.
  • Hasilkan kode sematan dengan kunci yang sudah ada — panggil generate_tidio_embed dengan kunci publik Anda untuk menghasilkan kode widget obrolan, dengan opsi memuat secara asinkron atau sinkron.
  • Putuskan koneksi dan hapus kredensial yang tersimpan — jalankan tidio_disconnect untuk menghapus token dan kunci publik yang tersimpan dari penyimpanan lokal.

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