比官方教程代码更简短的SignalR Server Broadcast示例

时间:2023-03-09 16:13:04
比官方教程代码更简短的SignalR Server Broadcast示例

SignalR是微软ASP.NET技术体系中的新成员。

www.asp.net网站上的SignalR专区有一篇SignalR的入门级教程《Tutorial: Server Broadcast with ASP.NET SignalR (C#)》,介绍了通过SignalR实现服务器端广播的方法。文章中实现了简单的股票信息实时推送,这是一个服务器-客户端双向实时通信的典型应用。然而我觉得这篇教程虽然简单,但是作为入门的话代码量(特别是无关代码量)显得太多了,当时我用此教程学习的时候不得不从几页代码中上下翻找与SignalR的使用有关的关键点,体验不是很好。于是我自己练习时,另外写了一个简化版的Hello world,现在放出来跟大家交流。

我的示例很简单,就是服务器端定时发起更新客户端页面上的一个字符串消息。消息内容也没有花头,直接在几个固定内容中轮换。

服务器端:

public class MessagesHub : Hub

{

static MessagesHub()

{

StringPusher.Init();

}

}

public static class StringPusher

{

private static string[] _messages = { "这是从服务器推送的消息。", "使用ASP.NET SignalR技术实现。", "从此不再需要客户端定时发送请求。", "可实现双向实时通信。" };

private static System.Timers.Timer _timer = new System.Timers.Timer(3000);

private static IHubConnectionContext _clients = GlobalHost.ConnectionManager.GetHubContext<MessagesHub>().Clients;

private static int _messageIndex = 0;

public static void Init()

{

_timer.Elapsed += (sender, e) => Broadcast();

_timer.Start();

}

public static void Broadcast()

{

_messageIndex = (_messageIndex + 1) % _messages.Length;

_clients.All.showMessage(_messages[_messageIndex]);

}

}

客户端:

$(document).ready(function () {

var messagesHub = $.connection.messagesHub;

messagesHub.client.showMessage = function (msg) {

$('#footer').text(msg);

};

$.connection.hub.start();

});