Web 超级群频道消息用法

import { createClient, ConversationType } from '@ni-paas/im-web';

const client = createClient({ appkey, serverUrl });
await client.connect(token);

// 1) 发送频道消息：conversationType=10 + options.channelId（消息体回填 channelId）
const res = await client.sendTextMessage(
  ConversationType.SUPER_GROUP,
  'g_1001',
  '频道消息：今晚 8 点发布',
  { channelId: 'ch_news' },
);
if (res.code !== 0) throw new Error(`${res.code} ${res.msg}`);
console.log(res.data.channelId); // ch_news

// 任意内容类型同理：sendMessage(10, groupId, content, { channelId, clientMsgId? })
// channelId 省略 / 空白 = 群级消息（消息体不出现 channelId）

// 2) 历史：带 channelId 只取该频道；不带则取群级 + 本人可见的频道消息
const channelHistory = await client.getHistoryMessages(
  ConversationType.SUPER_GROUP,
  'g_1001',
  { channelId: 'ch_news', limit: 20 },
);
const groupHistory = await client.getHistoryMessages(ConversationType.SUPER_GROUP, 'g_1001', { limit: 20 });

// 3) 渲染时按消息自带 channelId 分组
for (const message of groupHistory.data.messages) {
  if (message.channelId) renderChannelMessage(message.channelId, message);
  else renderGroupMessage(message);
}

// 4) 事件：MESSAGES 里的 message.channelId 同上；未读仍按群会话
client.addEventListener('MESSAGES', ({ messages }) => {
  for (const m of messages) console.log(m.channelId || "(群级)");
});

// 5) IMKit：ChatView 传 channelId 后，历史/发送/事件都按该频道收窄
import { ChatView } from '@ni-paas/im-web-kit';

const chat = new ChatView({
  lib: client,
  conversationType: ConversationType.SUPER_GROUP,
  targetId: 'g_1001',
  channelId: 'ch_news',
  currentUserId: me,
});
chat.render(document.getElementById("chat"));

// 切换群/频道：switchConversation(conversationType, targetId, channelId)
await chat.switchConversation(ConversationType.SUPER_GROUP, 'g_1002', 'ch_dev');