在 php 中构建基于事件的应用程序的方法包括：使用 eventsource api 创建事件源，并在客户端使用 eventsource 对象监听事件。使用服务器发送的事件 (sse) 发送事件，并在客户端使用 xmlhttprequest 对象监听事件。一个实用的例子是在电子商务网站中使用 eventsource 实时更新库存计数，在服务器端通过随机更改库存并发送更新来实现，客户端则通过 eventsource 监听库存更新并实时显示。

如何使用 PHP 构建基于事件的应用程序

在现代 web 开发中，基于事件的应用程序变得越来越流行。它们允许开发人员创建响应用户交互、服务器事件和其他触发器的应用程序。PHP，作为一种流行的服务器端编程语言，为构建基于事件的应用程序提供了强大的支持。

EventSource API

PHP 提供了 EventSource API，它允许浏览器与服务器建立持久连接，并在服务器端发生事件时接收数据。

要使用 EventSource，首先需要在服务器端创建事件源：

<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');

$count = 0;
while (true) {
    echo "data: {$count}nn";
    $count++;
    flush();
    sleep(1);
}
?>

这将创建一个事件源，每秒向客户端发送一个数字。

在客户端使用 EventSource

接下来，可以在客户端使用 EventSource 监听事件源：

var source = new EventSource('/events');

source.onmessage = function(event) {
    console.log(event.data);
};

这将创建一个 EventSource 实例并监听来自服务器的事件。当服务器发送数据时，将打印到控制台。

基于推送的服务器发送的事件 (SSE)

SSE 是另一种用于创建基于事件应用程序的方法，它提供了类似于 EventSource 的功能。要使用 SSE，首先需要在服务器端使用 PHP 发送事件响应：

<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');

while (true) {
    $event = json_encode(['data' => 'some data']);
    echo "event: {$event}nn";
    flush();
    sleep(1);
}
?>

这将每秒发送一个服务器端的事件。

在客户端使用 SSE

可以在客户端使用 XMLHttpRequest (XHR) 来监听 SSE 事件：

var xhr = new XMLHttpRequest();

xhr.addEventListener('message', function(event) {
    console.log(event.data);
});

xhr.open('GET', '/sse', true);
xhr.send();

这将打开一个到 SSE 终结点的 GET 请求，并在接收到事件时打印数据。

实战案例：实时更新库存

考虑一个具有实时库存计数的电子商务网站。使用基于事件的应用程序，网站可以在库存发生变化时向客户发送更新。

在服务器端，可以使用 PHP 创建一个事件源，并在库存改变时发送更新：

<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');

$stock = 100;

while (true) {
    // 随机更改库存
    $stock += rand(-10, 10);

    $event = json_encode(['stock' => $stock]);
    echo "event: {$event}nn";
    flush();
    sleep(1);
}
?>

在客户端，可以使用 EventSource 来监听库存更新：

var source = new EventSource('/stock-updates');

source.onmessage = function(event) {
    var data = JSON.parse(event.data);
    document.getElementById('stock-count').innerHTML = data.stock;
};

这将实时更新页面的库存计数。