Tidio
आधिकारिकMCP के माध्यम से Tidio को अपनी वेबसाइट से कनेक्ट करें। अपने प्रोग्रामिंग वातावरण से बाहर निकले बिना विजेट एम्बेड करें।
Tidio MCP के साथ आप क्या कर सकते हैं?
- Tidio को साइट से कनेक्ट करें —
tidio_connectके माध्यम से Tidio को किसी वेबसाइट URL से जोड़ने के लिए कहें, जो OAuth लॉगिन के लिए ब्राउज़र खोलता है और आपकी सार्वजनिक कुंजी स्वतः प्राप्त कर लेता है। - कनेक्शन स्थिति जांचें — यह सत्यापित करने के लिए उपयोग करें कि Tidio कनेक्ट है या नहीं और अपना वर्तमान एम्बेड कोड प्राप्त करें।
- एम्बेड कोड जनरेट करें — सार्वजनिक कुंजी के साथ कॉल करके उपयोग के लिए तैयार JavaScript बनाएं, वैकल्पिक रूप से
asyncयाsyncलोडिंग चुनें। - Tidio को डिस्कनेक्ट करें —
~/.tidio-mcp/credentials.jsonसे स्थानीय रूप से संग्रहीत क्रेडेंशियल साफ़ करने के लिए चलाएँ।
दस्तावेज़
Tidio MCP कनेक्टर
एक MCP (मॉडल कॉन्टेक्स्ट प्रोटोकॉल) सर्वर जो AI सहायकों को Tidio लाइव चैट से जोड़ता है - स्वचालित सेटअप के साथ
विशेषताएं
- स्वचालित सेटअप: एक कमांड से Tidio से कनेक्ट करें - कोई मैनुअल कुंजी कॉपी करने की आवश्यकता नहीं
- OAuth प्रमाणीकरण: सुरक्षित Tidio लॉगिन के लिए ब्राउज़र खोलता है, आपकी सार्वजनिक कुंजी स्वचालित रूप से प्राप्त करता है
- क्रेडेंशियल स्थिरता: क्रेडेंशियल भविष्य के सत्रों के लिए स्थानीय रूप से सहेजे जाते हैं
- एम्बेड कोड जनरेशन: किसी भी वेबसाइट के लिए उपयोग के लिए तैयार 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 कनेक्टर Lovable और समान AI-संचालित विकास प्लेटफार्मों के साथ काम करता है। इसे कस्टम MCP सर्वर के रूप में जोड़ें।
MCP Inspector के साथ (परीक्षण)
npx @modelcontextprotocol/inspector npx tidio-mcp-connector
उपलब्ध उपकरण
tidio_connect (अनुशंसित)
Tidio से कनेक्ट करें और स्वचालित रूप से अपनी सार्वजनिक कुंजी प्राप्त करें।
यह कैसे काम करता है:
- आपका ब्राउज़र Tidio के लॉगिन पृष्ठ पर खुलता है
- आप अपने Tidio खाते से प्रमाणित होते हैं
- आपकी सार्वजनिक कुंजी और एम्बेड कोड स्वचालित रूप से लौटाए जाते हैं
पैरामीटर:
site_url(आवश्यक): वेबसाइट URL जहां Tidio एम्बेड किया जाएगा
उदाहरण:
Connect Tidio to https://mywebsite.com
tidio_status
अपनी कनेक्शन स्थिति जांचें और अपना एम्बेड कोड प्राप्त करें।
पैरामीटर: कोई नहीं
tidio_disconnect
संग्रहीत क्रेडेंशियल साफ़ करें।
पैरामीटर: कोई नहीं
generate_tidio_embed
किसी विशिष्ट सार्वजनिक कुंजी के लिए एम्बेड कोड उत्पन्न करें (यदि आपके पास पहले से है)।
पैरामीटर:
public_key(आवश्यक): आपकी Tidio सार्वजनिक कुंजीloading_mode(वैकल्पिक):"async"(डिफ़ॉल्ट) या"sync"
यह कैसे काम करता है
- उपयोगकर्ता
tidio_connectको कॉल करता है अपने वेबसाइट URL के साथ - ब्राउज़र खुलता है Tidio के प्रमाणीकरण पृष्ठ पर
- उपयोगकर्ता लॉग इन करता है अपने Tidio खाते में
- कॉलबैक प्राप्त होता है - MCP सर्वर रिफ्रेश टोकन प्राप्त करता है
- API कॉल की जाती हैं - एक्सेस टोकन के लिए टोकन का आदान-प्रदान होता है, फिर सार्वजनिक कुंजी प्राप्त होती है
- क्रेडेंशियल सहेजे जाते हैं
~/.tidio-mcp/credentials.jsonपर - एम्बेड कोड लौटाया जाता है - वेबसाइट में जोड़ने के लिए तैयार
क्रेडेंशियल संग्रहण
क्रेडेंशियल स्थानीय रूप से ~/.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"
}
एम्बेड कोड आउटपुट
कनेक्टर अनुकूलित async लोडिंग कोड उत्पन्न करता है:
<script type="text/javascript">
document.tidioChatCode = "YOUR_PUBLIC_KEY";
(function() {
function asyncLoad() {
var tidioScript = document.createElement("script");
tidioScript.type = "text/javascript";
tidioScript.async = true;
tidioScript.src = "//code.tidio.co/YOUR_PUBLIC_KEY.js";
document.body.appendChild(tidioScript);
}
if (window.attachEvent) {
window.attachEvent("onload", asyncLoad);
} else {
window.addEventListener("load", asyncLoad, false);
}
})();
</script>
विकास
# Install dependencies
npm install
# Run in development mode
npm run dev
# Build for production
npm run build
# Run built version
npm start