AI Integration (MCP)

概览
随着大语言模型的发展，Cursor 等具有 AI 辅助编程功能的 IDE 变得愈发强大，我们也推出了相应的 MCP Server —— Tencent Chat MCP Server 辅助 IDE AI 进一步优化用户的接入体验，利用 Cursor + MCP 的方式帮助用户快速集成 TUIKit 产品。
说明：
什么是 MCP？
Model Context Protocol (MCP) ，即模型上下文协议，是一种标准通信协议，旨在将您的集成开发环境（IDE）的AI助手转变为特定领域专家。通过配置 Tencent Chat MCP Server，您的 IDE 将获得集成即时通信产品的完整、准确知识，从而消除 AI 幻觉和过时信息，快速构建起具有即时通信功能的应用。
通过本篇文档，您将：
在本地 IDE 环境部署 Tencent Chat MCP Server；
提升 Chat 产品的接入体验；
使用 IDE AI 解决常见问题。
效果演示
以下演示了使用 Chat MCP 集成 TUIKit 到已有 Android 工程的过程：
1. 在 Cursor 聊天区域输入相应提示词后，执行 Tencent Chat MCP Server 方法：
﻿
2. IDE AI 将结合文档按照要求完成基础的 TUIKit 的接入，工程效果如下：
登陆页面
应用首页
对话页面
﻿
﻿
﻿
使用前提
为保证您顺畅使用 Tencent Chat MCP Server，请确保您的使用环境满足以下要求：
Node.js >= 18。
本地已安装至少一款支持 MCP Server 服务的 IDE 应用，如 Cursor、VS Code、Windsurf 等。
已完成腾讯云账号注册，且在腾讯云控制台完成 即时通信 IM 应用 创建。
已获取您 Chat 应用的 SDKAppID 和对应密钥，具体操作可参考创建应用。
快速开始
在使用 MCP 服务器前，Cursor 需要处于代理模式 (Agent Mode)，Cursor IDE 通过 JSON 配置文件发现 MCP 服务器，可全局或按项目配置腾讯云 Chat MCP 服务器。
Cursor 配置
VS Code 配置
Windsurf 配置
若您已确保满足 使用前提，您可以点击 一键配置 Cursor (若未安装 Cursor，单击链接将出现无法跳转的情况)，或者您可以在项目工作区目录下创建 .cursor/mcp.json并复制以下配置代码。
{
    "mcpServers": {
      "tencentcloud-chatsdk-mcp": {
        "command": "npx",
        "args": ["-y", "@tencentcloud/chatsdk-intl-mcp"]
      }
    }
}
若您已确保满足 使用前提，您可以点击 一键配置 VS Code (若未安装 VS Code，单击链接将出现无法跳转的情况)，或者您可以在项目工作区目录下创建 .vscode/mcp.json并复制以下配置代码。
{
    "servers": {
        "tencentcloud-chatsdk-mcp": {
            "type": "stdio",
            "command": "npx",
            "args": ["-y", "@tencentcloud/chatsdk-intl-mcp"]
        }
    }
}
前往 Windsurf Settings -> Cascade: Manage MCPs -> View raw config 并复制以下配置代码，配置完成后，在 Manage MCPs 下点击 Refresh。
{
    "mcpServers": {
        "tencentcloud-chatsdk-mcp": {
            "command": "npx",
            "args": ["-y", "@tencentcloud/chatsdk-intl-mcp"]
        }
    }
}
可用性检查
配置完成后，您可以在 Cursor 的 Settings - Tools & Integrations 页面找到适才配置的MCP，若图标显示为绿色，则代表配置已成功完成，您可以通过页面上的按钮一键开关 MCP Server。
﻿
可用工具
Tencent Chat MCP 提供以下工具 (tool) 供 LLMs 使用：
read_tuikit_integrate_docs：用于获取与 TUIKit 和 TUIChat 集成相关的文档，支持 Android、iOS、Flutter、React 和 Vue 平台。请注意，此工具仅适用于集成相关的指引，如需实现其他高级功能，请参考官网提供的详细文档资源。
platformName (必填)：您使用的平台名称，例如：Vue。
SDKAppID (必填)：您创建的聊天应用的 AppID。
SDKSecretKey (必填)：您创建的聊天应用的 SDKSecretKey。
read_tuikit_faq_docs：用于获取与 SDK 集成相关的常见问题文档。可用于咨询常见问题，如集成过程中错误码的含义、UserSig 的使用方法等。
SDKAppID (必填)：您创建的聊天应用的 AppID。
MCP 使用
提示词范例
MCP 配置完成后，您可以首先尝试下面的提示词：
TUIKit 集成
“基于 TUIKit 的文档，使用 Vue3 + Vite 创建一个基础的聊天应用。只使用文档提供的示例代码并且不要对代码进行修改。我的 sdkAppId 为 xxx，secretKey 为 xxx 。在需要填写 UserSig 和 UserID 的地方先使用占位符，并且在最后告诉我在哪里能够获取这些占位符以及如何正确使用它们。”
生成页面
“基于 TUIKit 的文档，我该如何在这个 Android 应用中创建一个联系人页面？”
增加图标
“基于 TUIKit 的文档，我该如何在这个 Android 应用中增加一个搜索图标来搜索其他用户？”
常见问题
“基于 TUIKit FAQ 的文档，我在哪里能够找到应用的 SDKAppID 和 SDKSecretKey 信息？”
实践教程
描述具体化
在提示词中明确表明您使用的平台语言，您应用的 SDKAppID 和 SDKSecretKey，明确告诉 LLM：“基于 TUIKit 的文档，……”。
要求示例代码
在提示词中明确告诉 LLM：“只使用文档提供的示例代码并且不要对代码进行修改”。
检查版本
在提示词中明确您使用的平台版本，如当尝试创建基于 Web 的演示代码时，明确告诉 LLM：“使用 Vue3 + Vite”，或“使用 React 18”。
﻿
﻿