이 페이지는 현재 영어로만 제공되며 한국어 버전은 곧 제공될 예정입니다. 기다려 주셔서 감사드립니다.

통합 가이드

Integrate Chat TUIKit into your project — the AI handles scaffolding, package installation, component mounting, and test credential generation.
Note:
The steps below assume you’ve already set up the MCP server, so the AI can use the Chat-related tools when you ask it to integrate.
Step 1: Copy the prompt
Task: Integrate Chat UIKit to build a WeChat-style chat app (full-featured mode, minimal runnable setup).
﻿
Instructions:
1. Detect the framework automatically (React / Vue3 / Flutter / Android / iOS).
2. If the framework cannot be determined, call `present_framework_choice` so the user can choose.
3. Call the appropriate MCP tool by platform:
   - Web: `get_web_chat_uikit_integration`
   - Native: `get_native_chat_uikit_integration`
4. Parameters:
   - `framework`: use the actual framework (e.g. react, vue, flutter, android, ios).
   - `goals`: `['full-featured']`
5. Call `get_usersig` to obtain credentials for two test user IDs, then wire up SDK init and login.
6. Generate the full chat entry (conversation list + chat window + contacts/profile) and a login page where users can pick a test account. Register routes or pages as needed.
7. Start the project and report: files changed, run command, and how to verify.
﻿
Acceptance checklist:
- SDK initializes successfully
- User logs in successfully
- Conversation list is visible
- Messages can be sent and received
﻿
Troubleshooting:
- Invalid userSig → call `get_usersig` again
- Login failure → check `SDKAPPID` / `SECRETKEY` (or equivalent) env vars
- Messages not showing → check conversation ID format (e.g. `C2Cuserxxx`)
﻿
Constraints:
- Do not use deprecated APIs.
- In production, UserSig must be issued by your backend, not the client.
3. Verify sending and receiving messages
After the project is running, verify with two clients logged in at the same time on two devices:
1. Client A: log in as test001.
2. Client B: log in as test002.
3. Add each other as friends from both accounts.
4. Send a message from either side and confirm it appears on both.
See also
When to use
Document
You run into connection, build, or login issues
﻿Troubleshooting﻿
You only need one chat window on a page (no conversation list or full TUIKit)
﻿Chat window only﻿
﻿

When to use	Document
You run into connection, build, or login issues	Troubleshooting
You only need one chat window on a page (no conversation list or full TUIKit)	Chat window only