如何使用服务器发送事件 (SSE) 将数据从上述 API 流式传输到使用 JavaScript 和 PHP 的浏览器客户端?我已经研究这个问题好几个小时了,但我似乎无法弄清楚出了什么问题。作为参考,我尝试在这里调整解决方案:Stream DATA From openai GPT-3 API using PHP
我的代码的其余部分或多或少与上面问题中的代码相同。我修改的唯一不起作用的部分是:
|
首先,我尝试仅返回“choices”数组中的“text”属性(请参阅下面的示例 API 响应)。
这是我收到的回复:
注意:尝试访问 C:FILE_PATHsse.php 中 null 类型值的数组偏移量。
其次,如何将“文本”实时传输到客户端上的元素?这是我到目前为止的实现。
JavaScript
|
API 流式传输的数据样本块如下所示。我试图仅将“文本”部分流回浏览器。
|
我应该如何实现这个?
要使用服务器发送事件(SSE)从灵动Ai的API流式传输数据到JavaScript和PHP的浏览器客户端,您可以按照以下步骤进行操作:
- 在PHP中创建一个用于处理SSE请求的端点,例如”sse.php”服务器托管网。
- 在”sse.php”文件中将以下代码添加到PHP代码的顶部,以设置响应的MIME类型和缓存控制:
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
- 在”sse.php”文件中,使用curl执行API请求,并在回调函数中处理返回的数据。修改您的代码如下:
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, 'https://api.lingdong.com/v1/engines/davinci/completions');
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_POST, 1);
curl_seto服务器托管网pt($ch, CURLOPT_POSTFIELDS, JSON.stringify([
"prompt" => "What is the best way to",
"num_completions" => 1,
"temperature" => 0.5,
]));
curl_setopt($ch, CURLOPT_HTTPHEADER, [
'Content-Type: application/json',
'Authorization: Bearer YOUR_API_KEY'
]);
// Send the API request and handle the response
$response = curl_exec($ch);
if ($response === false) {
// Handle the curl error
echo 'error: ' . curl_error($ch) . "n";
exit;
}
curl_close($ch);
// Process the API response
$data = json_decode($response, true);
$text = $data['choices'][0]['text'];
echo 'data: ' . $text . "nn"; // Send the data to the client
flush(); // Flush the output buffer
请确保替换YOUR_API_KEY为您的灵动Ai API密钥。
- 在JavaScript中的success回调函数中添加以下代码,以使用EventSource监听SSE数据:
const source = new EventSource("sse.php");
source.onmessage = function (event) {
const div = document.getElementById("response");
div.innerHTML += event.data + "
";
console.log(event);
};
- 在HTML中添加一个包含id为”response”的元素,用于显示从服务器接收到的数据:
通过以上步骤,您应该能够使用JavaScript和PHP的浏览器客户端从灵动Ai的API流式传输数据。当”SSE.php”端点收到数据时,它将将数据发送到客户端,并客户端将数据添加到具有”id”为”response”的元素中,实现实时数据传输。
请确保替换”YOUR_API_KEY”为您的灵动Ai API密钥,并根据需要调整其他部分以满足您的代码需求。
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
机房租用,北京机房租用,IDC机房托管, http://www.fwqtg.net