web-dev-qa-db-ja.com

React + axiosのロングポーリングを実装する方法

React + axios を使用してクライアント側からAPIにアクセスしています。JavaScriptの初心者です。

ロングポーリングを実装して、Webページでほぼリアルタイムの更新を取得するにはどうすればよいですか?

バックエンドがJSON REST APIの場合、ページをリアルタイムで更新するためのより良い方法はありますか?WebSocketsまたはサーバー側のイベントを使用して調べる必要がありますか、ロングポーリングは問題ありませんか?

15
Maklaus

ユースケースに適した別の方法として、サーバー送信イベントがあります。

簡単に言うと、SSEはクライアントからサーバーへの単純なGET要求です。ただし、サーバーは、要求の処理が完了した後で接続を閉じません。代わりに、HTTP接続は開いたままになり、サーバーはクライアントに複数回データを書き込むことができ、リアルタイムで表示されます。

SSEとWebsocketの比較の詳細については、Alex Recareyの answer から " WebSockets vs. Server-Sent events/EventSource "を参照)そう。

2
Alfonso Gober