目标

后端对接是智谱AI。
过程
先把Ant Design X样本间搭建好,通过此篇博文获得智谱AI的URL等
看下此篇博文的"使用API接入"

将样本间代码的:
javascript
const [agent] = useXAgent({
request: async ({ message }, { onSuccess }) => {
onSuccess(`Mock success return. You said: ${message}`);
},
});
修改为:
javascript
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) {}
},
});
即可完成套壳。