Chat
专为以下场景打造:JAVASCRIPT
JavaScript
Chat SDK
使用 Tencent RTC JavaScript Chat SDK 构建 Web 消息功能。将消息、媒体和群组连接到自有浏览器界面。
开发者资源
JavaScript Chat SDK 文档与示例
JAVASCRIPT 聊天功能
为您的产品构建消息通信基础
单聊对话
- 一对一消息
- 您自己的界面
群组消息
- 共享会话
- 成员管理 API
富消息
- 文本与媒体
- 自定义应用内容
会话状态
- 历史记录和未读数量
- 您的应用存储
用户身份
- 您自己的用户 ID
- UserSig 身份验证
应用集成
- JavaScript APIs
- 平台特定的生命周期
探索 JavaScript Chat APIs
从连接您的应用所需的 API 开始。
连接
从用户出发
创建一个 Chat 实例并连接已通过身份验证的用户。
阅读文档chat.js
import TencentCloudChat from '@tencentcloud/lite-chat';
const chat = TencentCloudChat.create({ SDKAppID });
await chat.login({ userID, userSig });消息
将输入内容转化为对话
在 SDK_READY 后发送文本,然后在您自己的界面中渲染消息状态。
阅读文档send-message.js
const message = chat.createTextMessage({
to: recipientID,
conversationType: TencentCloudChat.TYPES.CONV_C2C,
payload: { text: 'See you there!' },
});
await chat.sendMessage(message);事件
让界面保持同步
监听传入消息,并在不再需要时移除处理程序。
阅读文档events.js
chat.on(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onMessages);
// When your subscription ends:
chat.off(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onMessages);开始使用
你的第一次对话从这里开始
- 01
- 02
- 03
JavaScript Chat SDK
终端
npm install @tencentcloud/lite-chatchat.js
import TencentCloudChat from '@tencentcloud/lite-chat';
const chat = TencentCloudChat.create({ SDKAppID });
await chat.login({ userID, userSig });JavaScript Chat SDK 常见问题
我应该使用哪个 JavaScript SDK 版本?
V4 包提供 Basic、Standard 和 Professional 版本。默认导入的是 Standard。请根据所需功能选择版本和插件;V3 集成另有单独指南。
JavaScript Chat SDK 是否包含开箱即用的 UI?
SDK 提供消息 API 和事件。聊天界面由你的应用构建。插图展示了可能的应用体验。
如何对 JavaScript Chat SDK 的用户进行身份验证?
在后端生成生产环境 UserSig。将其传递给客户端用于身份验证,并将应用密钥保留在服务器上。
这些 JavaScript 代码片段能否构成一个完整的应用?
这些内容展示的是各个集成步骤。请按照完整指南完成导入、初始化、登录、错误处理和目标平台专属配置。发布前,请使用不同账户测试消息功能。
JavaScript Chat SDK 的使用量如何计费?
托管 Chat 服务的用量取决于您选择的套餐。请查看适用于您应用的内含功能和额度;可选插件和 Call 服务可能有单独的要求。
如何将 JavaScript 聊天 SDK 集成到 JavaScript 项目中?
使用已认证用户初始化文档指定的 JavaScript 包。订阅 SDK 就绪和消息事件,并在对应视图结束时移除监听器。
发布应用前如何测试 JavaScript 聊天 SDK?
检查登录、SDK 就绪、发送与接收事件,以及重连后的消息状态。
如何定制 JavaScript 聊天 SDK 的界面?
围绕文档中的 SDK 事件构建自己的会话列表、消息渲染和输入编辑器。

