Tidio MCP Server

ทางการ

เชื่อมต่อ Tidio กับเว็บไซต์ของคุณผ่าน MCP ฝังวิดเจ็ตโดยไม่ต้องออกจากสภาพแวดล้อมการเขียนโปรแกรมของคุณ

เอกสาร

Tidio MCP Connector

เซิร์ฟเวอร์ MCP (Model Context Protocol) ที่เชื่อมต่อผู้ช่วย AI เข้ากับแชทสด Tidio - พร้อมการตั้งค่าอัตโนมัติ

คุณสมบัติ

  • การตั้งค่าอัตโนมัติ: เชื่อมต่อกับ Tidio ด้วยคำสั่งเดียว - ไม่ต้องคัดลอกคีย์เอง
  • การยืนยันตัวตนแบบ OAuth: เปิดเบราว์เซอร์เพื่อเข้าสู่ระบบ Tidio อย่างปลอดภัย และดึง public key ของคุณโดยอัตโนมัติ
  • การเก็บรักษาข้อมูลรับรอง: ข้อมูลรับรองจะถูกบันทึกไว้ในเครื่องสำหรับเซสชันถัดไป
  • การสร้าง Embed Code: รับโค้ด JavaScript ที่พร้อมใช้งานสำหรับเว็บไซต์ใดๆ

การติดตั้ง

npm install tidio-mcp-connector

หรือโคลนและสร้างในเครื่อง:

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

การใช้งาน

กับ Claude Desktop

เพิ่มลงในการตั้งค่า Claude Desktop (~/Library/Application Support/Claude/claude_desktop_config.json):

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

กับ Lovable

MCP connector นี้ทำงานร่วมกับ Lovable และแพลตฟอร์มพัฒนาที่ขับเคลื่อนด้วย AI ที่คล้ายกัน เพิ่มเป็นเซิร์ฟเวอร์ MCP แบบกำหนดเอง

กับ MCP Inspector (การทดสอบ)

npx @modelcontextprotocol/inspector npx tidio-mcp-connector

เครื่องมือที่พร้อมใช้งาน

tidio_connect (แนะนำ)

เชื่อมต่อกับ Tidio และรับ public key ของคุณโดยอัตโนมัติ

วิธีการทำงาน:

  1. เปิดเบราว์เซอร์ไปยังหน้าเข้าสู่ระบบของ Tidio
  2. คุณยืนยันตัวตนด้วยบัญชี Tidio ของคุณ
  3. ส่งคืน public key และ embed code โดยอัตโนมัติ

พารามิเตอร์:

  • site_url (จำเป็น): URL ของเว็บไซต์ที่จะฝัง Tidio

ตัวอย่าง:

Connect Tidio to https://mywebsite.com

tidio_status

ตรวจสอบสถานะการเชื่อมต่อและรับ embed code ของคุณ

พารามิเตอร์: ไม่มี

tidio_disconnect

ล้างข้อมูลรับรองที่จัดเก็บไว้

generate_tidio_embed

สร้าง embed code สำหรับ public key เฉพาะ (หากคุณมีอยู่แล้ว)

พารามิเตอร์:

  • public_key (จำเป็น): public key ของ Tidio ของคุณ
  • loading_mode (ไม่บังคับ): "async" (ค่าเริ่มต้น) หรือ "sync"

วิธีการทำงาน

  1. ผู้ใช้เรียก tidio_connect พร้อม URL เว็บไซต์ของตน
  2. เบราว์เซอร์เปิดขึ้น ไปยังหน้ายืนยันตัวตนของ Tidio
  3. ผู้ใช้เข้าสู่ระบบ ในบัญชี Tidio ของตน
  4. ได้รับการเรียกกลับ - เซิร์ฟเวอร์ MCP ได้รับ refresh token
  5. ทำการเรียก API - แลกเปลี่ยน token เป็น access token จากนั้นดึง public key
  6. บันทึกข้อมูลรับรอง ไปยัง ~/.tidio-mcp/credentials.json
  7. ส่งคืน embed code - พร้อมที่จะเพิ่มลงในเว็บไซต์

การจัดเก็บข้อมูลรับรอง

ข้อมูลรับรองจะถูกจัดเก็บในเครื่องที่ ~/.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" }

ผลลัพธ์ Embed Code

ตัวเชื่อมต่อสร้างโค้ดการโหลดแบบ async ที่ปรับให้เหมาะสม:

การพัฒนา

ติดตั้ง dependencies

npm install

รันในโหมดพัฒนา

npm run dev

สร้างสำหรับการใช้งานจริง

npm run build

รันเวอร์ชันที่สร้างแล้ว

npm start

ความต้องการ

  • Node.js 18+
  • บัญชี Tidio (ระดับฟรีใช้งานได้)

ใบอนุญาต

MIT

ที่เกี่ยวข้อง

  • Tidio - แพลตฟอร์มแชทสดและแชทบอท
  • Model Context Protocol - มาตรฐานเปิดสำหรับการผสานรวม AI
  • Lovable - การพัฒนาแอปที่ขับเคลื่อนด้วย AI