logoAnt Design X

设计研发组件演示
  • 总览
  • 通用
    • Bubble对话气泡
    • Conversations管理对话
  • 唤醒
    • Welcome欢迎
    • Prompts提示集
  • 表达
    • Attachments输入附件
    • Sender输入框
    • Suggestion快捷指令
  • 确认
    • ThoughtChain思维链
  • 工具
    • useXAgent模型调度
    • useXChat数据管理
    • XStream流
    • XRequest请求
    • XProvider全局化配置

XRequest
请求

使用import { XRequest } from "@ant-design/x";
源码components/x-request
文档
编辑此页更新日志

相关资源

Ant Design
Ant Design Charts
Ant Design Pro
Pro Components
Ant Design Mobile
Ant Design Mini
Ant Design Web3
Ant Design Landing-首页模板集
Scaffolds-脚手架市场
Umi-React 应用开发框架
dumi-组件/文档研发工具
qiankun-微前端框架
Ant Motion-设计动效
国内镜像站点 🇨🇳

社区

Awesome Ant Design
Medium
Twitter
yuque logoAnt Design 语雀专栏
Ant Design 知乎专栏
体验科技专栏
seeconf logoSEE Conf-蚂蚁体验科技大会
加入我们

帮助

GitHub
更新日志
常见问题
报告 Bug
议题
讨论区
StackOverflow
SegmentFault

Ant XTech logo更多产品

yuque logo语雀-构建你的数字花园
AntV logoAntV-数据可视化解决方案
Egg logoEgg-企业级 Node.js 框架
Kitchen logoKitchen-Sketch 工具集
Galacean logoGalacean-互动图形解决方案
xtech logo蚂蚁体验科技
主题编辑器
Made with ❤ by
蚂蚁集团和 Ant Design 开源社区
loading

何时使用

  • 向符合 OpenAI 标准的 LLM 发起请求。

代码演示

Request Log
Status-
Update Times0
基础

该示例说明如何使用 XRequest 对符合 OpenAI 标准的 LLM 发起 fetch 请求 ,请拷贝代码且在 DEV 环境用实际的值替换 BASE_URL, PATH, MODEL, API_KEY 来使用

CodeSandbox Icon
codepen icon
External Link Icon
expand codeexpand code
Request Log
Status-
Update Times0
自定义入参

自定义 RequestParams,可以向智能体等发送消息。

CodeSandbox Icon
codepen icon
External Link Icon
expand codeexpand code
Mock Custom Protocol - Log
自定义转换器

为 XRequest 配置自定义的 transformStream , 示例中使用 application/x-ndjson 数据演示

CodeSandbox Icon
codepen icon
External Link Icon
expand codeexpand code

baseURL: https://api.example.com/chat/v1

model: gpt-3.5-turbo

dangerouslyApiKey: Bearer sk-your-dangerouslyApiKey

Request Log
Status-
Update Times0
变更配置

控制变更XRequestOptions,动态修改配置项,如 baseURL、model 和 API key。

CodeSandbox Icon
codepen icon
External Link Icon
expand codeexpand code
Request Logrequest undefined
Status-
Update Times0
模型接入

接入云服务平台,可发送请求、终止消息。

CodeSandbox Icon
codepen icon
External Link Icon
expand codeexpand code

API

XRequestOptions

属性描述类型默认值版本
baseURLAPI 请求的基础 URLstring--
model模型名称,例如 'gpt-3.5-turbo'string--
dangerouslyApiKey注意: 🔥 dangerouslyApiKey 存在安全风险,对此有详细的说明。string--
fetch可选的自定义 fetch 函数,用于发起请求fetch--

XRequestFunction

ts
type XRequestFunction<Input = Record<PropertyKey, any>, Output = Record<string, string>> = (
params: XRequestParams & Input,
callbacks: XRequestCallbacks<Output>,
transformStream?: XStreamOptions<Output>['transformStream'],
) => Promise<void>;

XRequestParams

属性描述类型默认值版本
model生成响应时使用的模型。string--
messages消息对象数组,每个对象包含角色和内容。Record<PropertyKey, any>[]--
stream指示是否使用流式响应。booleanfalse-

XRequestCallbacks

属性描述类型默认值版本
onSuccess成功时的回调(chunks: Output[]) => void--
onError错误处理的回调(error: Error) => void--
onUpdate消息更新的回调(chunk: Output) => void--
onStream流的控制回调(abortController: AbortController) => void--
transformStream可选的转换函数,用于处理流数据XStreamOptions<Output>['transformStream']--