Estoy creando una aplicación de chat que usa sondeos largos con express (sé que los websockets son mejores para esto, solo quería hacer algo específicamente con sondeos largos).
Este es el código al que el cliente envía una solicitud GET cuando está esperando un nuevo mensaje de chat:
app.get('/api',(req,res)=>{ listeners.push(res) }) Empuja los objetos de respuesta a una matriz y, una vez que hay un nuevo mensaje de chat disponible, llama a .send() en las respuestas. Cuando el cliente recibe la respuesta, envía una solicitud GET nuevamente, esperando nuevos mensajes.
Aquí está el código para cuando alguien envía un mensaje (simplificado)
app.post('/api', (req,res)=>{ listeners.forEach(listener=>{ listener.json(req.body) }) listeners = [] res.status(200).end() })Noté que cuando abro dos pestañas de mi sitio, solo la solicitud de la primera pestaña se coloca en la matriz al principio. Eso hace que la segunda pestaña no reciba el primer mensaje de chat. La solicitud de la segunda pestaña solo se inserta en la matriz después del primer mensaje de chat. Entonces, cuando se envía el segundo mensaje de chat, funciona bien. Esto significa que la segunda pestaña siempre está una solicitud por detrás.
Aquí hay un ejemplo en caso de que no haya quedado claro:
Client 1 connects Client 2 connects --- Client X sends a message: Client 1's request 1 receives the message Client 2's request 1 is still pending --- Client X sends another message Client 1's request 2 receives the message Client 2's request 1 receives the message --- Client X sends another message Client 1's request 3 receives the message Client 2's request 2 receives the message ...Otra cosa que noté es que cuando reinicio el servidor después de que el cliente 1 y 2 se conectan, la solicitud del cliente 2 se envía a la matriz después del reinicio.
¿Alguien podría explicar este comportamiento? Gracias por adelantado.
Parece que el navegador espera usar una solicitud almacenada en caché, por lo que espera una solicitud anterior con exactamente la misma URL para ver si puede usar el resultado almacenado en caché en lugar de activar la misma solicitud nuevamente.
Puede probar esta hipótesis agregando un parámetro de consulta único a cada solicitud, ya que eso deshabilitará cualquier intento de almacenamiento en caché, ya que todas serían URL diferentes.
O bien, si estas solicitudes se envían utilizando la API fetch() en el navegador, puede decirle directamente a esa API que no use el almacenamiento en caché con la opción cache: 'no-cache' como en:
const response = await fetch(url, {cache: 'no-cache'});