建立好持久性连接类TestConnection之后，现在为我们的SignalR程序配置持久性连接类以及访问路径。

进入刚刚建立的Startup类，进入Configuration这个方法里来配置：

 using System;

 using System.Threading.Tasks;

 using Microsoft.Owin;

 using Owin;

 [assembly: OwinStartup(typeof(Startup))]

 public class Startup

 {

     public void Configuration(IAppBuilder app)

     {

         app.MapSignalR<TestConnection>("/test");//配置指定持久性连接类，同时映射访问路径后面有用，这里可以进行其他配置，后面再说

     }

 }

配置好后，再来进行客户端调用。

首先，在项目中建一个html的静态网页。

代码如下：

 <!DOCTYPE html>

 <html>

 <head>

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

     <title></title>

     <script src="Scripts/jquery-1.10.2.min.js"></script> <!--引入jquery库-->

     <script src="Scripts/jquery.signalR-2.1.2.min.js"></script> <!--这个js是signalR客户端所需要的js,利用 get-package microsoft.aspnet.signalr 安装时会自动生成 -->

     <script type="text/javascript">

         $(function () {

             var connection = $.connection("/test");//根据之前配置好的连接路径来创建连接，/test 就是在Startup类中配置好的持久性连接访问路径

             connection.start(function () {//开始连接，进行开始连接后，在TestConnection类中，会执行OnConnected方法

                 connection.send("你好");//向服务端发送一段数据，那么服务端就会执行OnRecevied方法，同时可以看到从客户端发送过来的数据

             });

             connection.received(function (data) {//接收服务端传过来的数据，注意这个方法只需要写一遍，他会默认不停地监听从服务端传过来的数据,data就是从服务端发送过来的数据，字符串格式的。

                 alert(data);

             });

         });

     </script>

     <meta charset="utf-8" />

 </head>

 <body>

 </body>

 </html>

在TestConnection类中，

Connection.Broadcast(data);这个方法还可以传另外的一个参数，就是发送给所有给客户端但是不包括发送给XX。可以给这个方法加另外的拒绝发送给谁的列表，以connectionId为标准

如 Connection.Broadcast("你好",new string[]{connectionId}); 这句话的意思就是把你好发送给所有客户端，但不包括connectionId的这个。正好与Connection.Send 相反，它表示发送给指定的connectionId的客户端。

若需要自己创建的SignalR程序支持跨域或jsonp可以如下设置：

 app.MapSignalR<TestConnection>("/test", new ConnectionConfiguration() { EnableJSONP = true });//在Startup的Configuration方法中配置持久性连接映射路径添加配置

或

  app.Map("/test", map =>

         {

             map.UseCors(CorsOptions.AllowAll);//允许使用Cors方式

             map.RunSignalR<TestConnection>();

         }

          );

不过上面中的UseCors和CorsOptions这几个成员需要用到microsoft.owin.cors中提供的扩展方法，那么就需要安装相对应的库了

命令如下：

 install-package microsoft.owin.cors

静态页面中这样写：

 $(function () {

            var connection = $.connection("http://127.0.0.2/test");

            connection.start({jsonp:true},function () {

                connection.send("你好");

            });

            connection.received(function (data) {

                console.log(data);

            });

        });

SignalR入门之小试身手的更多相关文章

  1. [置顶] MVC中使用signalR入门教程

    一.前言:每次写总要说一点最近的感想 进入工作快半年了,昨天是最郁闷的一天,我怀疑我是不是得了"星期一综合征",每个星期一很没有状态.全身都有点酸痛,这个可能一个星期只有周末才打一 ...

  2. SignalR 入门 .netCore实现聊天室

    SignalR 入门 .netCore实现聊天室 本文根据微软SignalR 简介 | Microsoft Docs 和 ASP.NET Core SignalR 简介 | Microsoft Doc ...

  3. ASP.NET SignalR入门

    前言 之前在培训ASP.NET WebAPI的时候有提过SignalR这个技术,但当时只是讲了是用来做什么的,并没有多说.因为自己也是画图找资料的时候见到的.后来当一直关注的前端大神贤心发布LayIM ...

  4. SignalR入门篇

    写在前面的废话 在写关于SignalR的学习笔记之前研究了几天的webSocket,毕竟这才是未来的技术趋势,虽然很早就听说过WebSocket,但是并没有在实际项目中遇到过,所以也就没有深入研究.通 ...

  5. SignalR入门之Hub

    在持久性连接的基础上,SignalR提供了一个更高层次的抽象层:Hub,基于javascript的灵活性和C#的动态特性,Hub是一个至关重要的开发模式,它消弭了客户端和服务端这两个独立的物理环境之间 ...

  6. SignalR入门之持久性连接

    为了保持客户端和服务端之间的持久性连接的开发性,并且使用传输在这这样的连接上发送数据,这个用来访问SignalR持久性连接的底层API提供了一个隐藏底层固有复杂性的抽象层. 事实上,通过该API访问通 ...

  7. SignalR入门之多平台SignalR服务端

    之前创建SignalR服务端是基于Web应用程序而言的.那么能不能把SignalR服务端做成控制台应用程序.Winform或windows服务呢? 答案是肯定的. 之前尽管看起来好像是IIS和ASP. ...

  8. SignalR入门之从外部访问持久性连接或Hub

    有的时候,需要从外部访问持久性连接或Hub服务. 比如,假设A和B两个客户端正在聊天,那么系统或第三方在不参与聊天的情况需要为他们发送系统消息,那么此时,就需要独立来访问持久性连接或Hub服务. 之前 ...

  9. SignalR入门之基本介绍

    SignalR是微软对web开发技术的扩充,它是一种框架,方便用来创建实时应用程序. 有一些即时消息系统,实时协作工作集,多人在线游戏,信息广播服务等其他需要在信息产生时就能进行发送的任务系统. 对于 ...

随机推荐

  1. Http基础

    Http基础 这篇文章是讲Android网络请求的先导文章,主要讲Http工作流程,请求报文和响应报文的格式,以及GET和POST方法的具体含义. Http工作流程 HTTP是一个客户端和服务器端请求 ...

  2. Atitit cms wordpress get_post  返回的WP_Post 规范 标准化

    Atitit cms wordpress get_post  返回的WP_Post 规范 标准化 public $ID; public $post_author = 0; * The post's l ...

  3. CSS布局中的问题

    1. 高度自适应的问题 1. 一个元素是否可以使用百分比显示,取决于它的父级元素,所以如果需要给此元素设置100%,那么需要先给父元素设置高100%. 2. 一级元素的父元素是body,所以如果我们想 ...

  4. OpenCascade Tcl vs. ACIS Scheme

    OpenCascade Tcl vs. ACIS Scheme eryar@163.com 摘要Abstract:本文通过OpenCascade的Tcl/Tk和ACIS的Scheme的对比来说明脚本语 ...

  5. java中TreeSet集合如何实现元素的判重

    /* 看一下部分的TreeSet源码.... public class TreeSet<E> extends AbstractSet<E> implements Navigab ...

  6. poj 1724ROADS（bfs和dfs做法）

    /* dfs比较好想,就是测试数据的问题,导致在遍历边的时候要倒着遍历才过! */ #include<iostream> #include<cstdio> #include&l ...

  7. Prim算法(二)之 C++详解

    本章是普里姆算法的C++实现. 目录 1. 普里姆算法介绍 2. 普里姆算法图解 3. 普里姆算法的代码说明 4. 普里姆算法的源码 转载请注明出处:http://www.cnblogs.com/sk ...

  8. PHP的学习--cookie和session

    最近读了一点<PHP核心技术与最佳实践>,看了cookie和session,有所收获,结合之前的认识参考了几篇博客,总结一下-- 1. PHP的COOKIE cookie 是一种在远程浏览 ...

  9. [译]对 AngularJS 模板的A/B测试

    编者按:本文翻译自 Andrei Bondarev 在 Medium 上发布的"A/B Testing your AngularJS Templates ",Andrei 是一名工 ...

  10. JS魔法堂：剖析源码理解Promises/A规范

    一.前言 Promises/A是由CommonJS组织制定的异步模式编程规范,有不少库已根据该规范及后来经改进的Promises/A+规范提供了实现 如Q, Bluebird, when, rsvp. ...