1、参考资料：

http://www.asp.net/signalr/overview/guide-to-the-api/hubs-api-guide-server

http://signalr.net/

http://www.asp.net/signalr/videos/getting-started/signalr-and-web-sockets

.Net FrameWork4.0版本只支持SginalR1.xx的版本，SignalR2.xxx需要Framework更高的版本支持

SignalR1.x应用   http://www.asp.net/signalr/overview/older-versions/tutorial-getting-started-with-signalr

SignalR support in .Net 4        http://stackoverflow.com/questions/15607252/signalr-support-in-net-4

2、Demo

第一步：创建hub公共类，注意只有设置为public类和方法才能被客户端调用；服务器端调用客户端方法--Clients.All.addMessage(message);

using System;

using System.Collections.Concurrent;

using System.Linq;

using System.Threading;

using System.Threading.Tasks;

using Microsoft.AspNet.SignalR;

using Microsoft.Owin;

namespace SignalRDemo

{

    public class MyChat : Hub

    {

        /// <summary>

        /// Sends the specified message.

        /// </summary>

        /// <param name="message">The message.</param>

        public void Send(string message)

        {

            // Call the addMessage method on all clients

            Clients.All.addMessage(message);

        }

    }

}

第二步：定义客户端可以连接到你的hub的路由，调用MapSignalR扩展方法

using Microsoft.Owin;

using Owin;

[assembly: OwinStartupAttribute(typeof(SignalRDemo.Startup))]

namespace SignalRDemo

{

    public partial class Startup {

        public void Configuration(IAppBuilder app) {

            app.MapSignalR();

        }

    }

}

第三步：前端调用hub类方法

1、路由：    <script src='/signalr/hubs'></script>

2、创建proxy对象 chat = $.connection.myChat;

3、调用服务器端方法 chat.server.send()；

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <script src="/Scripts/jquery-1.10.2.js"></script>

    <script src="/Scripts/jquery.signalR-2.2.0.js"></script>

    <script src='/signalr/hubs'></script>

    <title></title>

</head>

<body>

    <script>

        var chat;

        $(function () {

            // Created proxy,此处要特别注意，Hub类的首字母是大写MyChat，但前端使用时，首字母要小写

            chat = $.connection.myChat;

            // Assign a function to be called by the server

            chat.client.addMessage = onAddMessage;

            // Register a function with the button click

            $("#broadcast").click(onBroadcast);

            // Start the connection

            $.connection.hub.start().done(function (a) {

                console.log("成功");

                console.log(a);

            });

        });

        function onAddMessage(message) {

            // Add the message to the list

            $('#messages').append('<li>' + message + '</li>');

        };

        function onBroadcast() {

            chat.server.send($('#message').val());

        }

    </script>

    <form id="form1" runat="server">

    <div>

        <input type="text" id="message" />

        <input type="button" id="broadcast" value="broadcast" />

        <ul id="messages"></ul>

    </div>

    </form>

</body>

</html>

SinalR+WebSocket的更多相关文章

  1. 漫扯:从polling到Websocket

    Http被设计成了一个单向的通信的协议,即客户端发起一个request,然后服务器回应一个response.这让服务器很为恼火:我特么才是老大,我居然不能给小弟发消息... 轮询 老大发火了,小弟们自 ...

  2. 细说WebSocket - Node篇

    在上一篇提高到了 web 通信的各种方式,包括 轮询.长连接 以及各种 HTML5 中提到的手段.本文将详细描述 WebSocket协议 在 web通讯 中的实现. 一.WebSocket 协议 1. ...

  3. java使用websocket，并且获取HttpSession，源码分析

    转载请在页首注明作者与出处 http://www.cnblogs.com/zhuxiaojie/p/6238826.html 一:本文使用范围 此文不仅仅局限于spring boot,普通的sprin ...

  4. WebSocket - ( 一.概述 )

    说到 WebSocket,不得不提 HTML5,作为近年来Web技术领域最大的改进与变化,包含CSS3.离线与存储.多媒体.连接性( Connectivity )等一系列领域,而即将介绍的 WebSo ...

  5. php+websocket搭建简易聊天室实践

    1.前言 公司游戏里面有个简单的聊天室,了解了之后才知道是node+websocket做的,想想php也来做个简单的聊天室.于是搜集各种资料看文档.找实例自己也写了个简单的聊天室. http连接分为短 ...

  6. Demo源码放送：打通B/S与C/S ！让HTML5 WebSocket与.NET Socket公用同一个服务端！

    随着HTML5 WebSocket技术的日益成熟与普及,我们可以借助WebSocket来更加方便地打通BS与CS -- 因为B/S中的WebSocket可以直接连接到C/S的服务端,并进行双向通信.如 ...

  7. Cowboy 开源 WebSocket 网络库

    Cowboy.WebSockets 是一个托管在 GitHub 上的基于 .NET/C# 实现的开源 WebSocket 网络库,其完整的实现了 RFC 6455 (The WebSocket Pro ...

  8. 借助Nodejs探究WebSocket

    文章导读: 一.概述-what's WebSocket? 二.运行在浏览器中的WebSocket客户端+使用ws模块搭建的简单服务器 三.Node中的WebSocket 四.socket.io 五.扩 ...

  9. 细说websocket - php篇

    下面我画了一个图演示 client 和 server 之间建立 websocket 连接时握手部分,这个部分在 node 中可以十分轻松的完成,因为 node 提供的 net 模块已经对 socket ...

随机推荐

  1. Git pull 强制覆盖本地文件

    git fetch --all git reset --hard origin/master git pull

  2. header元素

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. Storm可靠性实例解析——ack机制

    对于Storm,它有一个很重要的特性:“Guarantee no data loss” ——可靠性 很显然,要做到这个特性,必须要track每个data的去向和结果.Storm是如何做到的呢——ack ...

  4. 自适应学习率调整：AdaDelta

    Reference:ADADELTA: An Adaptive Learning Rate Method 超参数 超参数(Hyper-Parameter)是困扰神经网络训练的问题之一,因为这些参数不可 ...

  5. Android Properties 存储

    1.初始化 private static void initProperties(){ File logFile = new File(Constants.PROGRESS_PROPERTIES); ...

  6. POJ - Ubiquitous Religions

    Description 当今世界有很多不同的宗教,很难通晓他们.你有兴趣找出在你的大学里有多少种不同的宗教信仰. 你知道在你的大学里有n个学生(0 < n <= 50000) .你无法询问 ...

  7. 通过串口设备vid，pid自动获得该设备所对应的串口号

    用C#做串口通讯很方便,因为dotfx2.0已经集成了Serial Port控件,此控件使用上比MSComm控件更简单,当然它也有一个小bug (RecievedBytesThreshold设置有时候 ...

  8. 使用C#实现FTP的文件上传和下载【转】

    参考博文:http://blog.163.com/mity_rui@126/blog/static/1098136182013101525615577/  

  9. Implement strStr()

    Implement strStr(). Returns the index of the first occurrence of needle in haystack, or -1 if needle ...

  10. Hadoop.2.x_高级应用_二次排序及MapReduce端join

    一.对于二次排序案例部分理解 1. 分析需求(首先对第一个字段排序,然后在对第二个字段排序) 杂乱的原始数据 排序完成的数据 a,1 a,1 b,1 a,2 a,2 [排序] a,100 b,6 == ...