跑通Demo

本文将介绍如何快速实现聊天功能演示。您将在10分钟内完成以下关键步骤，并最终获得一个具有全面用户界面的聊天功能。在此之前，您可以直接体验下方聊天功能或 体验沙箱 。
﻿
环境要求
﻿Node.js version ≥ 18
跑通 demo
步骤1：下载源码
// Run the code in terminal and clone project from github
git clone https://github.com/TencentCloud/chat-uikit-react
﻿
// Go to the project
cd chat-uikit-react
﻿
// Install dependencies of the demo
npm install
步骤2：配置 demo
说明：
为尊重表情设计版权，Chat Demo/TUIKit 工程中不包含大表情元素切图，正式上线商用前请您替换为自己设计或拥有版权的其他表情包。下图所示默认的小黄脸表情包版权归腾讯云所有，可有偿授权使用，如需获得授权可 提交工单 联系我们。
﻿
﻿
﻿
1. 打开 /src/pages/ChatGithub/index.tsx 文件，找到以下代码片段，并填入登录信息。
export const loginInfo = {
  // Your Application SDKAppID, number type
  SDKAppID: 0,
  // Your UserID, string type
  userID: '',
  // Your UserSig, string type
  userSig: '',
}
2. 登录信息需要 SDKAppID、userID、userSig 三部分。
2.1 SDKAppID 和 userID 请前往控制台 Chat Console 中获取。点击目标应用卡片，进入其配置页面。
﻿
﻿
2.2 userSig 是基于前两者计算出的安全签名，临时获取 userSig 可以进入控制台中的开发工具 > UserSig 工具。
注意：
正确的 UserSig 签发方式是将 UserSig 的计算代码集成到您的服务端，并提供面向 App 的接口，在需要 UserSig 时由您的 App 向业务服务器发起请求获取动态 UserSig。更多详情请参见 服务端生成 UserSig。
步骤3：启动项目
# Launch the project
npm run dev
步骤4：发送您的第一条消息
在输入框中输入您的消息，然后按 Enter 发送。
﻿
集成 chat-uikit-react
如果您想将 chat-uikit-react 集成到您的项目中，请跳转至 集成 chat-uikit-react。
交流与反馈
加入 Telegram 技术交流群组 或 WhatsApp 交流群，享有专业工程师的支持，解决您的难题。
﻿