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. iOS 为类添加Xib里面配置的view

    创建Empty文件,最好与其Controller同名, 在File's Owner的类属性里面指明其所属类(或者说它是个什么Controller), 从File's Owner右键拖向内部创建的视图( ...

  2. 解决(空密码的root)提示修改phpmyadmin用户密码

    打开 phpmyadmin数据表,点击权限 如果没有,请参考:http://jingyan.baidu.com/article/636f38bb293a9bd6b846100d.html 创建   在 ...

  3. 【noiOJ】p7940

    01:查找最接近的元素 总时间限制:  1000ms 内存限制:  65536kB 描述 在一个非降序列中,查找与给定值最接近的元素. 输入 第一行包含一个整数n,为非降序列长度.1 <= n ...

  4. BZOJ1391: [Ceoi2008]order

    Description 有N个工作,M种机器,每种机器你可以租或者买过来. 每个工作包括若干道工序,每道工序需要某种机器来完成,你可以通过购买或租用机器来完成. 现在给出这些参数,求最大利润 Inpu ...

  5. HDU 1251 Trie树模板题

    1.HDU 1251 统计难题  Trie树模板题,或者map 2.总结:用C++过了,G++就爆内存.. 题意:查找给定前缀的单词数量. #include<iostream> #incl ...

  6. Selenium_webdriver获取iframe子页面元素

    有时候我们在定位一个页面元素的时候发现一直定位不了,反复检查自己写的定位器没有任何问题,代码也没有任何问题.这时你就要看一下这个页面元素是否在一个iframe中,这可能就是找不到的原因之一.如果你在一 ...

  7. $.ajax等相关用法

    下面是jquery一些方法的相关用法: $.ajax: $.ajax({ type: "GET", url: "url", data: {username:$( ...

  8. 查看linux中某个端口（port）是否被占用（netstat,lsof）

    查看linux中某个端口(port)是否被占用(netstat,lsof) netstat命令可以显示网络连接,路由表,接口状态,伪装连接,网络链路信息和组播成员组等信息.命令格式:netstat [ ...

  9. 【Go语言】I/O专题

    本文目录 1.bytes包:字节切片.Buffer和Reader 1_1.字节切片处理函数 1_1_1.基本处理函数 1_1_2.字节切片比较函数 1_1_3.字节切片前后缀检查函数 1_1_4.字节 ...

  10. CAS单点登录系统整合——注册的问题

    最近一段时间在搞CAS单点登录系统,涉及到几个子系统的整合问题.对于注册,这里遇到了一个选择: 在子系统内完成注册,然后把信息同步到CAS系统: 在CAS系统中完成基本信息的注册,比如:用户名.邮箱. ...