Chat SDK adds web adapter support

새로운 웹 어댑터 (web adapter) 를 사용하여 채팅 UI 를 구축할 수 있습니다. 제품 내 어시스턴트, 지원 에이전트 또는 기타 브라우저 기반 채팅 경험을 구축하세요.

서버에서 봇을 정의합니다:

import { Chat } from "chat";
import { createWebAdapter } from "@chat-adapter/web";
const bot = new Chat({
  userName: "mybot",
  adapters: {
    web: createWebAdapter({
      userName: "mybot",
      getUser: (req) => ({ id: getUserIdFromCookie(req) }),
    }),
  },
});

bot.onDirectMessage(async (thread, message) => {
  await thread.post(`You said: ${message.text}`);
});

각 직접 메시지를 보낸자에게 다시 보내세요.

그런 다음 @ai-sdk/react 의 사전 구성을 사용하여 브라우저로 실시간으로 답변을 스트리밍합니다.

useChat 훅:

import { useChat } from "@chat-adapter/web/react";
const { messages, sendMessage, status } = useChat();

React 컴포넌트에 봇을 연결하세요.

시작하려면 Chat SDK 문서를 참조하거나 지원되는 어댑터를 확인하거나 자체를 구축하는 방법을 배우세요.