首页 > 解决方案 > SignalR 从服务器流式传输到客户端

问题描述

我无法让我的服务器使用 SignalR 将数据流式传输到客户端。流只获得 1 个值,在这种情况下为 0,然后回退到 javascript 完成回调方法。需要一些帮助来弄清楚为什么它不起作用。下面是 Hub 代码和 JS 代码:

public class ChatHub : Hub
    {
        private Channel<double> channel = Channel.CreateUnbounded<double>();

        public async IAsyncEnumerable<double> GetData(CancellationToken cancellationToken)
        {
            while (await channel.Reader.WaitToReadAsync())
            {
                while (channel.Reader.TryRead(out var item))
                {
                    yield return item;
                }
            }
        }

        public async Task PublishData(IAsyncEnumerable<double> data)
        {
            await foreach (var point in data)
            {
                await channel.Writer.WriteAsync(point);
            }
        }
    }

JS:

(async () => {

        const latestNumber = 0;
        const connection = new signalR.HubConnectionBuilder()
            .withUrl("/chatHub")
            .build();

        await connection.start();

        connection.stream("GetData")
            .subscribe({
                next: (item) => {
                    var li = document.createElement("li");
                    li.textContent = item;
                    document.getElementById("messagesList").appendChild(li);
                },
                complete: () => {
                    var li = document.createElement("li");
                    li.textContent = "Stream completed";
                    document.getElementById("messagesList").appendChild(li);
                },
                error: (err) => {
                    var li = document.createElement("li");
                    li.textContent = err;
                    document.getElementById("messagesList").appendChild(li);
                },
            });

        console.log(latestNumber);

    })();

标签: c#asp.net-corestreamsignalr

解决方案


我找到了答案,制作了一个服务类单例并将频道添加到其中。然后我从集线器调用了单例类,所以我在服务器和客户端之间获得了相同的通道实例。


推荐阅读