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. CSS background 属性

    CSS 参考手册 实例 如何在一个声明中设置所有背景属性: body { background: #00FF00 url(bgimage.gif) no-repeat fixed top; } 亲自试 ...

  2. NoSQL-Redis【1】-控制台配置密码

    1.设置密码为123456 CONFIG SET requirepass 123456 2.验证密码 AUTH 123456 3.redis-cli连接 @ECHO OFF redis-cli.exe ...

  3. HDU4511 小明系列故事——女友的考验（AC自动机 + DP）

    题目大概说有平面有n个点,从1点出发走到n点,每一步只能走到序号比当前更大的点且走的序列不能包含给定的m个序列中的任何一个,问1走到n的最短路. 用m个序列建个AC自动机,后缀包含整个序列的结点标记一 ...

  4. "Accepted today?"[HDU1177]

    "Accepted today?" Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (J ...

  5. BZOJ3934 : [CQOI2015]标识设计

    轮廓线插头DP. 设$f[i][j][a][b][c][d][e]$表示考虑到了$(i,j)$,轮廓线上3个下插头的位置分别为$a,b,c$,是否有右插头,已经放了$e$个$L$的方案数. 然后直接D ...

  6. URAL 1501. Sense of Beauty(记忆化搜索)

    题目链接 本来暴力写个TLE了,加上记忆化就A了. #include <cstring> #include <cstdio> #include <string> # ...

  7. CentOS 6.7安装Mysql 5.7

    Step1: 检测系统是否自带安装mysql # yum list installed | grep mysql Step2: 删除系统自带的mysql及其依赖命令: # yum -y remove ...

  8. Facebook通过oAuth验证获取json数据

    首先下载facebook相关的动态库,下载文件:facebook.dll 获取授权token方法: private string SetToken(string gettoken)//此处是你的短to ...

  9. Connect模块解析

    Connect模块背景 Node.js的愿望是成为一个能构建高速,可伸缩的网络应用的平台,它本身具有基于事件,异步,非阻塞,回调等特性,这在前几篇专栏中有过描述. 正是基于这样的一些特性,Node.j ...

  10. 常见MVC框架比较

    常见MVC框架比较 运行性能上: Jsp+servlet>struts1>spring mvc>struts2+freemarker>>struts2,ognl,值栈. ...