asp net server events example下載 - asp net server events example原始碼下載

asp net server events example

其他類別

1.0.0

下載

伺服器使用 ASP.Net Core 後端發送事件

在 ASP.Net core Web API 中使用 HTML 伺服器傳送事件的小範例。

遠端櫃檯

應用程式的螢幕截圖

該應用程式是一個每秒自動增加的計數器。使用者可以暫停或恢復計數器，或將其設定為給定值。

計數器儲存在伺服器的記憶體中。瀏覽器會話中的變更將傳播到所有其他開啟的會話。

伺服器發送事件

伺服器發送事件是一個 Web API，可讓您使用 HTTP 流將訊息從服務器推送到 JavaScript。

這不是從伺服器推送訊息的唯一方法，但它確實是一種簡單且非常優雅的方法。

使用伺服器發送事件的 Javascript 程式碼位於檔案stream.js 中，如下所示：

 function readStream()
{
    const evtSource = new EventSource('/Counter/Stream');
    evtSource.onmessage = function(event) {
        const el = document.getElementById('counter');
        const { value } = JSON.parse(event.data);
        
        el.textContent = value;
    }
}

ASP.Net Core 後端

該儲存庫包含一個小型獨立的 Web 應用程序，可用作參考或樣板程式碼，用於透過 ASP.Net Core 後端使用伺服器發送的事件。

HTTP 流端點的實作可以在 CounterController.cs 中找到，如下所示。它改編自 StackOverflow 的答案。

 [HttpGet]
[Route("Stream")]
public async Task StreamCounter(CancellationToken cancellationToken)
{
    _logger.LogInformation("Start counter streaming.");

    Response.StatusCode = 200;
    Response.Headers.Add("Content-Type", "text/event-stream");

    _counter.CounterUpdated += StreamValue;

    while (!cancellationToken.IsCancellationRequested) {
        await Task.Delay(1000);
    }

    _counter.CounterUpdated -= StreamValue;
    _logger.LogInformation("Stop counter streaming.");

    async void StreamValue(object sender, int value)
    {
        var messageJson = JsonConvert.SerializeObject(_counter, _jsonSettings);
        await Response.WriteAsync($"data:{messageJson}nn");
        await Response.Body.FlushAsync();
    }
}

狀態（計數器）儲存在單例服務 PersistentCounter 中。

每次更新計數器值時，服務都會觸發一個事件。控制器訂閱此事件並在每次變更後將新值推送到客戶端。