React笔记-Ant Design X样本间对接智谱AI

目标

后端对接是智谱AI。

过程

先把Ant Design X样本间搭建好，通过此篇博文获得智谱AI的URL等

智谱AI开放平台

看下此篇博文的“使用API接入”

通义千问 - Ant Design X

将样本间代码的：

  const [agent] = useXAgent({request: async ({ message }, { onSuccess }) => {onSuccess(`Mock success return. You said: ${message}`);},});

修改为：

const { create } = XRequest({baseURL: 'https://open.bigmodel.cn/api/paas/v4/chat/completions',dangerouslyApiKey: 'xxxxx',model: 'glm-4-plus',});const [agent] = useXAgent({request: async ({ message }, { onSuccess, onUpdate }) => {try {let content: string = '';create({messages: [{ role: 'user', content: message }],stream: true,},{onSuccess: (chunks) => {console.log('sse chunk list', chunks);onSuccess(content)},onError: (error) => {console.log('error', error);},onUpdate: (chunk) => {console.log('sse object', chunk);try{const data = JSON.parse(chunk.data);content +=  data?.choices[0].delta.content;}catch(error){console.log(error);//return;}console.log(content);onUpdate(content);},},);} catch (error) {}},});

即可完成套壳。