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

 protected override Task OnReceived(IRequest request, string connectionId, string data)
 {
 return Connection.Broadcast(data);
 }
}

第二步、添加“OWIN Startup 類”

然后添加點代碼：

public class Startup1
{
 public void Configuration(IAppBuilder app)
 {
 // 有關如何配置應用程序的詳細信息，請訪問 http://go.microsoft.com/fwlink/?LinkID=316888
 app.MapSignalR<MyConnection1>("/myPath"); // myPath 是我們隨便寫的。
 }
}

MyConnection1 就是第一步創(chuàng)建的類名。

第三步、添加一個“Web 窗體 ”

<textarea id="info" cols="60" rows="10"></textarea>
<script src="Scripts/jquery-1.10.2.min.js"></script>
<script src="Scripts/jquery.signalR-2.0.0.min.js"></script>
<script type="text/javascript">
<!--
 var conn = $.connection("/myPath");

 conn.start().done(function (data) {
  $("#info").append("連接成功，connectionId 為： " + data.id + "\r\n");
 });

 conn.received(function (data) {
  $("#info").append("收到數(shù)據： " + data + "\r\n");
 });
//-->
</script>

運行效果如下：

擴展一下

MyConnection1：

方法 OnConnected：創(chuàng)建了連接時。

方法 OnReceived：收到了客戶端提交的數(shù)據時，參數(shù) data 就是它所收到的數(shù)據。

方法 OnDisconnected：斷開了連接時。上面沒有用它。

方法 OnReconnected：重新連接了時。上面沒有用它。

……
MyConnection1 的 Connection 屬性：

方法 Send：向瀏覽器發(fā)送數(shù)據，第一個參數(shù)為 connectionId（字符串類型），第二個參數(shù)為要發(fā)送的數(shù)據。

方法 Broadcast：向所有瀏覽器（準確地說應該是所有連接）發(fā)送數(shù)據。

JS：

var conn = $.connection("/myPath"); 創(chuàng)建連接對象。
conn.start().done() start() 是開始連接，done() 連接成功后要執(zhí)行的代碼。
conn.received() 是收到服務器發(fā)送來的數(shù)據要執(zhí)行的。
conn.send() 是向服務器發(fā)送數(shù)據。上面沒有用它。

下面看一個更全點的代碼：

上面不是說有些方法沒有用到沒，下面的例子更全一點：

MyConnection1：

protected override Task OnConnected(IRequest request, string connectionId)
{
 return Connection.Send(connectionId, "Welcome!");
}

protected override Task OnReceived(IRequest request, string connectionId, string data)
{
 Connection.Send(connectionId, "我收到了：" + data);
 return Connection.Broadcast("全體注意：我收到了客戶端的數(shù)據。");
}

Web 窗體的代碼：

<textarea id="info" cols="60" rows="10"></textarea>
要發(fā)送到服務器的消息：<input type="text" id="msg" size="20" />
<input type="button" value="發(fā)送消息" onclick="javascript: conn.send($('#msg').val());" />
<script src="Scripts/jquery-1.10.2.min.js"></script>
<script src="Scripts/jquery.signalR-2.0.0.min.js"></script>
<script type="text/javascript">
<!--
 var conn = $.connection("/myPath");

 conn.start().done(function (data) {
  $("#info").append("連接成功，connectionId 為： " + data.id + "\r\n");
 });

 conn.received(function (data) {
  $("#info").append("收到數(shù)據： " + data + "\r\n");
 });
//-->
</script>

到目前為止，大家可能都提不起興趣，服務器主動發(fā)送數(shù)據在哪里？？？

我們現(xiàn)在做一個定時程序，服務器定時向瀏覽器發(fā)送數(shù)據。

新建 Global.asax（全局應用程序類）（并不是說這些代碼只能在 Global.asax 中運行，我們只是為了測試定時執(zhí)行，才放在這里的）。

添加如下代碼：

protected void Application_Start(object sender, EventArgs e)
{
 Timer timer = new Timer(5000);
 timer.Elapsed += timer_Elapsed;
 timer.Start();
}

void timer_Elapsed(object sender, ElapsedEventArgs e)
{
 var context = GlobalHost.ConnectionManager.GetConnectionContext<MyConnection1>();
 context.Connection.Broadcast("我在 " + DateTime.Now.ToString() + " 主動向瀏覽器發(fā)送數(shù)據。");
}

效果如下：