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 ของคุณโดยอัตโนมัติ
วิธีการทำงาน:
- เปิดเบราว์เซอร์ไปยังหน้าเข้าสู่ระบบของ Tidio
- คุณยืนยันตัวตนด้วยบัญชี Tidio ของคุณ
- ส่งคืน 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"
วิธีการทำงาน
- ผู้ใช้เรียก
tidio_connectพร้อม URL เว็บไซต์ของตน - เบราว์เซอร์เปิดขึ้น ไปยังหน้ายืนยันตัวตนของ Tidio
- ผู้ใช้เข้าสู่ระบบ ในบัญชี Tidio ของตน
- ได้รับการเรียกกลับ - เซิร์ฟเวอร์ MCP ได้รับ refresh token
- ทำการเรียก API - แลกเปลี่ยน token เป็น access token จากนั้นดึง public key
- บันทึกข้อมูลรับรอง ไปยัง
~/.tidio-mcp/credentials.json - ส่งคืน 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