@ characterxyz/ 反应

在 React 和 Next.js 中的您字符 XYZ 代理: 作为组件的现成部件, 以及用于 建立自己的UI。 包括 @characterxyz/widget 财务报告和审定财务报表 @characterxyz/web; 只安装此选项.

npm install @characterxyz/react

部件

import { CharacterXYZWidget } from '@characterxyz/react';

export function Support() {
  return <CharacterXYZWidget publishableKey="cxyz_pk_live_…" accent="#e11d48" onReady={({ agent }) => console.log(agent.name)} />;
}

它需要每个部件设置为道具(agentId, (中文(简体) ), display, (中文(简体) ), position, (中文(简体) ), mode, (中文(简体) ), showCall(中文(简体) ). 工程 在 Next.js App 路由器中如出一辙: 软件包被标记 'use client'。 。 。 .

你自己的UI系统

import { useCharacterXYZ } from '@characterxyz/react';

const { messages, busy, send, startCall, call, error } = useCharacterXYZ({ publishableKey: 'cxyz_pk_live_…' });

messages 流出作为回复; startCall() 必须在单击时运行(它要求 麦克风)和 call 带有相位、队列位置和估计值.

已注册访问者

将服务器上的会话擦除 @characterxyz/server 通过 getSessionToken={() => fetch('/api/characterxyz/session').then((r) => r.json())} 而不是钥匙.

创建密钥并选择它们可能在其中运行的网站 字符 XYZ QQ 设置 QQ 开发者。 。 。 .

许可证

麻省理工学院