无需轮询的网页更新

Question

我正在开发一个网络应用程序，用户可以在其中请求服务，并且提供者可以响应他。因此，当用户请求某种服务时，我们的应用程序将向提供者发送通知（要求他响应用户）。 我想做的是：当用户请求服务时，提供者会立即收到通知（就像 facebook 一样）。

实现此目的的一种方法是使用 AJAX 每 5-10 秒向服务器发送一次请求；我们称之为轮询（到目前为止我知道）。但是，这种方法有一些缺陷，我明白了：-

• 由于请求将每 5-10 秒发送一次，因此处理请求和返回空数据（非常频繁）将是服务器的负载。
• 即使没有任何更新，向服务器发送请求也没有用。
• 想象一下，在服务器响应请求后，有人请求服务。因此，提供商必须再等待 5-10 秒才能收到有人请求某事的通知。

所以，我想知道是否有某种技术可以在我们的系统发生更改时立即更新我们的网页，而无需使用 AJAX 轮询请求。

Answer 1

这是一个使用 php 的简单服务器发送事件脚本。

支持

https://developer.mozilla.org/en-US/docs/Web/API/EventSource

js

var sse=new EventSource("sse.php");
sse.onmessage=function(e){
 document.body.innerHTML=e.data;
};

sse.php

header('Content-Type: text/event-stream'); // specific sse mimetype
header('Cache-Control: no-cache'); // no cache
while(true) {
 if(/*something changes*/){
  echo "id: ".time().PHP_EOL;
  echo "data: ".$data.PHP_EOL;
  echo PHP_EOL;
 }
  ob_flush(); // clear memory
  flush(); // clear memory
  sleep(10);// seconds 
}

这使与客户端的连接保持打开状态，

然后它会检查是否有任何更改... db/file 不管什么

如果发生变化则输出数据

然后清除php缓存

等待 10 秒，然后再做一次。

---

如您所见，只有在服务器发生变化时，客户端才会收到数据

但我完全不知道服务器如何处理 1000 人。

---

node.js 会是更好的方法。但这取决于您使用的语言和/或您是否可以实际使用 node.js。

websockets 是双向的。

服务器发送的事件是单向的。（你需要这个）

编辑

sse 响应中的更多数据：

js

var sse=new EventSource("sse.php");
sse.onmessage=function(e){
 console.log(JSON.parse(e.data))
};

sse.php

header('Content-Type: text/event-stream'); // specific sse mimetype
header('Cache-Control: no-cache'); // no cache
while(true) {
 if(/*something changes*/){
  echo "id: ".time().PHP_EOL;

  $dataArray=array('id'=>$id,'name'=>$name,'more'=>$more);
  echo "data: ".json_encode($dataArray).PHP_EOL;

  echo PHP_EOL;

 }
  ob_flush(); // clear memory
  flush(); // clear memory
  sleep(10);// seconds 
}

如果您需要更多信息，请询问