AJAX、PHP、サーバー送信イベントを使用して OpenAI の API からデータをストリーミングします

Question

Server Sent Events (SSE) を使用して、JavaScript と PHP を使用して上記の API からブラウザ クライアントにデータをストリーミングするにはどうすればよいですか?私はこの問題に何時間も取り組んできましたが、何が問題になっているのかわかりません。参考までに、ここでソリューションを適応させてみました: PHP

を使用して openai GPT-3 API からデータをストリームする

コードの残りの部分は、上記の質問とほぼ同じです。変更した部分のうち機能しなかった唯一の部分は次のとおりです:

リーリー

まず、「choices」配列から「text」プロパティのみを返してみました (以下のサンプル API 応答を参照)。

これが私が受け取った応答です:

注: C:FILE_PATHsse.php の null 型の値の配列オフセットにアクセスしようとしています。

第二に、「テキスト」をクライアント上の要素にリアルタイムで転送するにはどうすればよいでしょうか?これがこれまでの私の実装です。

JavaScript

リーリー

API によってストリーミングされるデータのサンプル チャンクを以下に示します。 「テキスト」部分のみをブラウザにストリーミングして戻そうとしています。

リーリー

これをどのように実装すればよいでしょうか?途方に暮れています。前もって感謝します。

Answer 1

次のコードを使用して解決策を見つけました:

リーリー

次に、JavaScript を使用して次のようにテキストを抽出します:

リーリー