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

目标

后端对接是智谱AI。

过程

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

智谱AI开放平台

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

通义千问 - Ant Design X

将样本间代码的:

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) {}
    },
  });

即可完成套壳。

相关推荐
弘毅 失败的 mian4 分钟前
STM32 GPIO实战:LED与按键控制
经验分享·笔记·stm32·单片机·嵌入式硬件
银嘟嘟左卫门23 分钟前
上手 Rokid JSAR:新手也能快速入门的 AR 开发之旅
前端
右子24 分钟前
HTML Canvas API 技术简述与关系性指南
前端·javascript·canvas
Lotzinfly25 分钟前
10个JavaScript浏览器API奇淫技巧你需要掌握😏😏😏
前端·javascript·面试
合肥烂南瓜26 分钟前
浏览器的事件循环EventLoop
前端·面试
golang学习记27 分钟前
从0死磕全栈之Next.js after 函数详解:在响应完成后执行异步任务
前端
TeleostNaCl27 分钟前
实战 | 使用 Chrome 开发者工具修改网页源码跳过前端校验
前端·chrome·经验分享·后端·js
阿星AI工作室1 小时前
1分钟搞定高级感PPT演示!Obsidian+Excalidraw神级玩法,手残党亲测有效
前端
liangshanbo12151 小时前
React 19 新特性:原生支持在组件中渲染 <meta> 与 <link>
前端·javascript·react.js
浩男孩1 小时前
🍀发现个有趣的工具可以用来随机头像🚀🚀
前端