web-dev-qa-db-fra.com

Comment implémenter une interrogation longue pour React + axios

J'utilise React + axios pour parler à l'API du côté client. Je suis un débutant en JavaScript.

Comment pourrais-je implémenter une longue interrogation afin d'obtenir des mises à jour quasi en temps réel sur une page Web?

Existe-t-il un meilleur moyen de faire des mises à jour en temps réel sur la page, lorsque le backend est une API JSON REST? Dois-je envisager d'utiliser des WebSockets ou des événements côté serveur ou une longue interrogation est-elle correcte?

15
Maklaus

Il existe un autre moyen potentiellement meilleur pour votre cas d'utilisation: les événements envoyés par le serveur.

SSE, en bref, est une simple demande GET au serveur du client - sauf que le serveur ne ferme pas la connexion une fois le traitement de la demande terminé. Au lieu de cela, la connexion HTTP est laissée ouverte et le serveur est capable d'écrire plusieurs fois des données sur le client, qui apparaissent en temps réel.

Pour plus d'informations sur la façon dont SSE se compare aux Websockets, lisez Alex Recarey réponse à " WebSockets vs événements envoyés par le serveur/EventSource " dans ALORS.

2
Alfonso Gober