uniapp开发中如何实现uni.request流式请求大模型api接口?
网友回复
uniapp进行流式请求chatgpt的api接口的代码需要分平台
1、如果最终导出微信小程序的话,那么就可以直接使用uni.request,其他小程序、app、h5都不支持uni.request进行流式请求数据了。


示例代码
var requestTaskw = uni.request({
url: 'https://api.openai.com/v1/chat/completions', // 请求地址
method: "POST", // 你的请求方法
timeout: 15000,
data: JSON.stringify({
model: 'gpt4O',
messages: [{
role: 'user',
content: 'hello'
}],
temperature: 0.9,
max_tokens: 100,
stream: true
}),
header: {
"Content-Type": "application/json",
'Authorization': `Bearer APIKEY`,
},
responseType: "text",
enableChunked: true, // 开启流传输
success: response => {
console.log(response)
},
fail: error => {}
});
requestTaskw.onHeadersReceived(function(res) {
console.log(res.header);
});
// 这里监听消息
requestTaskw.onChunkReceived(function(res) {
let decoder = new TextDecoder('utf-8');
let text = decoder.decode(new Uint8Array(res.data));
console.log(text)
})2、如果最终导出h5页面的话,可以使用fetch参考代码:点击打开链接
3、如果是andriod或app及其他小程序,有两种办法
3.1 内嵌h5网页,h5网页中使用fetch方式
3.2 服务端统一采用websocket进行中转,这个适合所有的客户端
服务端示例代码如下:
点击查看全文
增加一个enableChunked: true, // 开启流传输,代码如下:
const response = uni.request({
url: 'Your requested address', // 请求地址
method: "Request method", // 你的请求方法
data: data,
header: {
"Accept": 'tex...点击查看剩余70%
qwen3-omni-flash-realtime实时音视频对话如何记住上下文聊天历史记录?
lmarena.ai如何内置html代码直接预览功能?
qwen3-omni-flash-realtime官方vad python示例代码实时语音聊天没有声音?
如何抵御自定义SSID信标帧攻击?
如果使用网页来搭建一个与gemini的视频聊天通话系统?
gemini如果调用mcp服务?
如何接入多模态ai的api例如gemini或qwen Omni实现ai视频面试打分并保存面试过程?
如何在win10上开发一个自己的拼音输入法?
列式json与传统json有啥不同,如何相互转换?
在哪可以查看任意域名网站的每天的流量?


