接收流式消息

大约 5 分钟

接收流式消息

即时通讯 IM 支持在单聊和群组聊天时发送流式消息。流式消息是一种边生成、边发送、边接收的实时消息传输机制。它将长文本或复杂内容拆分为连续的数据片段,以低延迟、分批次的方式实时推送给接收方,无需等待整个内容完全生成即可开始传输。

流式消息的典型应用场景如下:

  • AI 对话:大语言模型(LLM)生成较长回复时,可逐段输出与展示,避免用户长时间等待,确保提供更流畅的交互体验。
  • 协同编辑与实时分享:在内容尚未完全构思完成时,即可逐步分享思路或文稿。

v1.12.0 起,即时通讯 IM 支持在 单聊和群组聊天 中接收 文本类型的流式消息,不支持在 聊天室 中接收流式消息。

流式消息仅支持通过 服务端 RESTful API 下发,SDK 负责接收,但不提供发送能力。

前提条件

开始前,请确保满足以下条件:

  • 已升级 SDK 至 v1.12.0 或以上版本。
  • 已完成 SDK 初始化,详见 初始化文档
  • 了解环信即时通讯 IM 的 使用限制

技术原理

流式消息由业务服务端触发并生成,通过环信 IM 服务器下发至客户端 SDK,客户端 SDK 不提供主动发送流式消息的能力。客户端需注册监听器,以实时接收并处理下发的流式消息的分片。

img

实现方法

发送和接收流式消息的流程如下:

  1. 接收方注册消息监听器,监听流式消息接收事件 onStreamMessageReceived
  2. 发送方调用服务端 RESTful API 发送流式消息
  3. 接收方接收和获取流式消息。

接收流式消息分片

  1. 接收方需调用 ChatManager#addMessageListener() 注册消息监听器。
  2. onStreamMessageReceived 回调中监听流式消息。新分片到达时,SDK 会将其排序后触发此回调。

可通过 status() 方法判断当前消息分片的传输状态,并实时更新界面以展示最新内容。

ChatClient.getInstance().chatManager()?.addMessageListener({
  onMessageReceived: (messages: Array<ChatMessage>) => {
    // 普通消息接收回调
  },

  onStreamMessageReceived: (messages: Array<ChatMessage>) => {
    // 流式消息分片接收回调
    for (const message of messages) {
      handleStreamChunk(message);
    }
  }
} as ChatMessageListener);

获取消息分片信息

当前分片信息

通过 ChatMessagegetStreamChunk() 获取 ChatStreamChunk 对象。该对象提供以下方法获取当前分片的信息:

方法返回值类型描述
text()String当前消息分片的文本内容。
TextMessageBody#getContent() 获取从第一个分片到当前分片的累计合并内容。
status()ChatStreamStatus获取流式消息的传输状态。详见下表中的 ChatStreamStatus 枚举介绍。
isCompleted()Boolean判断流式消息是否已传输完成。
status() 返回 COMPLETESTART_AND_COMPLETEERROR 中的任意一种状态时,isCompleted() 方法返回 true
customType()String获取自定义透传类型。例如,用于标识文本格式的 "markdown"。
errorCode()Number获取错误码。默认值 0 表示正常。其他值详见 错误码文档
finishReason()Number获取完成原因码(由业务服务器设置)。默认值 0 表示无异常。
function handleStreamChunk(message: ChatMessage): void {
  // 获取当前分片的内容
  const chunk: ChatStreamChunk | null = message.getStreamChunk();
  if (chunk !== null) {
    const incrementText: string = chunk.text();
    const status: ChatStreamStatus = chunk.status();
  }
}

ChatStreamStatus 枚举定义如下:

状态描述
START流式消息开始传输,当前分片为首片。
START_AND_COMPLETE流式消息在一个分片内完成传输。此时消息仅包含一个分片,称为单片流式消息。
PROGRESS流式消息传输中。
COMPLETE流式消息传输完成,当前分片为最后一片。
ERROR流式消息传输过程中发生错误。

合并后分片信息

SDK 会自动按分片顺序在本地合并内容并更新消息体。

通过 TextMessageBody#getContent() 获取从第一个分片到当前分片的累计合并内容。

function handleStreamChunk(message: ChatMessage): void {
  // 获取当前分片的内容
  const chunk: ChatStreamChunk | null = message.getStreamChunk();
  // 获取第一个分片到当前分片的累计合并内容
  const body = message.getBody();
  if (body instanceof TextMessageBody) {
    const currentFullText: string = (body as TextMessageBody).getContent();
  }
}

消息扩展信息

关于流式消息的扩展信息,仅 首个分片 的扩展字段 ext 会被持久化至数据库,后续分片中的属性将被忽略。

其他消息功能

流式消息支持的消息功能如下表所示:

功能是否支持
发送消息是(仅支持通过 RESTful API 发送)
消息漫游
消息扩展
定向发送
消息已读回执
消息输入状态
消息回复(Reaction)
消息置顶
消息撤回
消息单向删除
消息修改
消息搜索
会话未读数
会话最后一条消息
离线推送
内容审核
消息翻译
发送前回调
发送后回调
消息发送成功后在发送方多客户端同步
发送方和接收方的本地数据库存储
上次编辑于: