使用SignalR流式传输数据

时间:2014-04-18 10:01:05

标签: c# signalr

我刚开始使用SignalR,我想知道如何让它适合我手头的任务。

假设我有一个大小为30的列表(在C#中)。 我想一次推送到该列表的客户端x号码。 客户端将传入x,然后服务器将x传递出x直到列表的末尾。

我已经获得了一个代码,但它显示出奇怪的结果。希望有人帮助我。

我的代码是:

我的PersistentConnection类

public class MyConnection1 : PersistentConnection
    {
        protected override Task OnConnected(IRequest request, string connectionId)
        {
            return Connection.Broadcast("connection " + connectionId + " connected!");
        }

        protected override Task OnReceived(IRequest request, string connectionId, string data)
        {
            int milisecons = 2000;
            List<string> myList = new List<string>();
            myList.Add("1");
            myList.Add("2");
            myList.Add("3");
            myList.Add("4");
            myList.Add("5");
            myList.Add("6");
            myList.Add("7");
            myList.Add("8");
            myList.Add("9");
            myList.Add("10");
            myList.Add("11");
            myList.Add("12");
            myList.Add("13");
            myList.Add("14");
            myList.Add("15");
            myList.Add("16");
            myList.Add("17");
            myList.Add("18");
            myList.Add("19");
            myList.Add("20");
            myList.Add("21");
            myList.Add("22");
            myList.Add("23");
            myList.Add("24");
            myList.Add("25");
            myList.Add("26");
            myList.Add("27");
            myList.Add("28");
            myList.Add("29");
            myList.Add("30");

            int no = Convert.ToInt32(data);

            var dividedGroupList = myList.Select((x, i) => new { Index = i, Value = x }).GroupBy(x => x.Index / no).Select(x => x.Select(v => v.Value).ToList()).ToList();

            dividedGroupList.ForEach(x => { Connection.Send(connectionId, x); Thread.Sleep(milisecons); });

            return null;
        }
        protected override Task OnDisconnected(IRequest request, string connectionId)
        {
            return Connection.Broadcast("connection " + connectionId + " disconnected!");
        }
    }

我的HTML页面

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="Scripts/jquery-1.10.2.min.js"></script>
    <script src="Scripts/jquery.signalR-2.0.0.min.js"></script>

</head>
<body>
    <script type="text/javascript">
        $(function () {
            var connection = $.connection('/echo');
            connection.start().done(function () {
                $('#message').append('<li>yay</li>');
            });

            $("#btn").click(function () {
                connection.send($('#msg').val());

                connection.received(function (data) {
                    $('#message').append('<li>' + data + '</li>');
                });
            });
            $("#dcbtn").click(function () {
                connection.stop();
            });
        });
    </script>

    <input type="text" id="msg" />
    <input type="button" id="btn" value=" ME!" />
    <input type="button" id="dcbtn" value=" DC" />

    <ul id="message"></ul>
</body>
</html>

第一次输出&#34; ME!&#34;按下按钮(很抱歉没有足够的声誉在这里发布图片)

•yay
•1,2,3,4,5,6,7,8,9,10
•11,12,13,14,15,16,17,18,19,20
•21,22,23,24,25,26,27,28,29,30

第二次&#34; ME!&#34;按下按钮

•yay
•1,2,3,4,5,6,7,8,9,10
•11,12,13,14,15,16,17,18,19,20
•21,22,23,24,25,26,27,28,29,30
•1,2,3,4,5,6,7,8,9,10                        <==== repeated here onwards
•1,2,3,4,5,6,7,8,9,10                           
•11,12,13,14,15,16,17,18,19,20
•11,12,13,14,15,16,17,18,19,20
•21,22,23,24,25,26,27,28,29,30
•21,22,23,24,25,26,27,28,29,30

无论是否点击&#34; DC&#34;重复次数将继续增加1。按钮(调用&#34; connection.stop()&#34;方法)或不调用。

任何建议都足够了

非常感谢!

被修改 我设法使用Hubs来实现这一点。但是,我仍然想知道在这个低级别实际发生了什么。我在这里做错了什么?

1 个答案:

答案 0 :(得分:0)

首先,只有在您拥有需要使用Hub的特定场景时才应使用PersistentConnection。

其次,您不应该阻止Hub或PersistentConnection对象中的线程 - 该对象表示连接操作,因此它在连接事件,断开连接事件或方法调用的生命周期中是瞬态的。

相反,创建一个可以调用集线器的应用程序 - 维护应用程序中的计时器。有关如何呼叫集线器的信息,请参阅以下内容:

http://www.asp.net/signalr/overview/signalr-20/hubs-api/hubs-api-guide-server#callfromoutsidehub