专为以下场景打造: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 事件构建您自己的对话列表、消息气泡和消息输入框。

阅读文档

开始使用

你的第一次对话从这里开始

  1. 01

    创建您的应用

    设置 Chat 应用和测试用户。

    打开 Chat 控制台
  2. 02

    添加 JavaScript Chat SDK

    按照平台指南连接您的项目。

    按照集成指南操作
  3. 03

    连接你的用户

    登录两个测试用户并发送第一条消息。

    连接您的用户
JavaScript Chat SDK
终端
npm install @tencentcloud/lite-chat
chat.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 事件构建自己的会话列表、消息渲染和输入编辑器。

获取后续步骤所需的支持

构建你的下一次对话体验

使用 JavaScript Chat SDK 构建你的 app。