如何使用 PHP 建立基於事件的應用程式

在 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}\n\n";
    $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}\n\n";
    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}\n\n";
    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;
};

這將即時更新頁面的庫存計數。

以上是如何使用 PHP 建立基於事件的應用程式的詳細內容。更多資訊請關注PHP中文網其他相關文章！