集成指南

将 Chat TUIKit 集成到您的项目中：您只需要用自然语言描述目标，AI 会负责项目脚手架（可选）、依赖安装、组件挂载、初始化代码与测试账号（userSig）生成。
说明：
在开始集成前，请确保您已 配置 MCP，如需提升接入效率，可与 SKILL 搭配使用。
步骤1：复制提示词
复制下列提示词给 AI，你只需要按需补充项目信息（例如仓库目录、现有路由/页面入口文件路径等），AI 会自动完成最小可运行的完整聊天应用接入。
任务：集成 Chat UIKit 实现类微信的聊天应用（使用 full-featured 模式并完成最小可运行）
﻿
执行要求：
1. 自动识别框架（React/Vue3/Flutter/Android/iOS）.
2. 无法识别时，需要调用 `present_framework_choice` 给用户选择。
3. 按平台调用 MCP 工具：
   - Web: `get_web_chat_uikit_integration`
   - Native: `get_native_chat_uikit_integration`
4. 参数：
   - `framework`: 按实际框架填写
   - `integrationMode`: `full-featured`
5. 调用 `get_usersig` 获取 2 个测试 userID 的凭证，完成 SDK 初始化与登录。
6. 生成完整聊天入口（会话列表 + 聊天窗口 + 联系人/个人中心）和登录页，用户可选择测试账号登录，并自动补齐路由或页面注册。
7. 启动项目并输出：修改文件、运行命令、验证步骤。
﻿
验收清单：
- SDK 初始化成功
- 用户登录成功
- 会话列表可见
- 可以发送和接收消息
﻿
常见问题排查：
- userSig 无效：重新调用 `get_usersig`
- 登录失败：检查 `SDKAPPID/SECRETKEY` 环境变量
- 消息不显示：检查会话 ID 格式（例如 `C2Cuserxxx`）
﻿
约束：
- 不使用过时 API
- 生产环境必须改为服务端签发 UserSig
步骤2：验证收发消息
启动项目后，用两端同时登录验证：
1. 在客户端 A（浏览器标签页 / 模拟器 / 真机）登录 test001。
2. 在客户端 B 登录 test002。
3. 两个测试账号互相添加为好友。
4. 任意一端向另一端发送消息，确认两侧均可收到并展示。
相关文档
适用场景
文档
遇到连接、构建或登录问题。
﻿常见问题﻿
页面只需一个聊天窗口（不需要会话列表或完整 TUIKit）。
﻿集成聊天窗口﻿
适用场景	文档
遇到连接、构建或登录问题。	常见问题
页面只需一个聊天窗口（不需要会话列表或完整 TUIKit）。	集成聊天窗口