SignalR 2.0 初次使用说明

如何使用SignalR 2.0

一：首先通过Nuget安装SignalR 2.0 【本人使用的时候最新版本为2.0】2.0与之前1.X有部分命名空间和配置不同请注意

二：建一个专门的类库用来负责SignalR 2.0的服务端

如果之前已经安装好了SignalR 2.0 可能新添加的类库里面没有SignalR 2.0相关代码那么可以通过以下方式安装进去

安装语句 install-package Microsoft.AspNet.SignalR

注意在前台的SignalR 版本必须跟服务端的一致不然会出现无法通信的情况

三：服务端代码示例

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Web;

using Microsoft.AspNet.SignalR;

using Microsoft.AspNet.SignalR.Hubs;

namespace PB.Common.HubLibrery

{

    [HubName("myHubPms")]

    public class HubPMS : Hub

    {

        public void send(string msg)

        {

            Clients.All.addMessage(msg);

        }

    }

}

在前台建立一个Startup类

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using Owin;

using Microsoft.Owin;

[assembly: OwinStartup(typeof(PB.UI.BS.Startup))]

namespace PB.UI.BS

{

    public class Startup

    {

        public void Configuration(IAppBuilder app)

        {

            // Any connection or hub wire up and configuration should go here

            app.MapSignalR();

        }

    }

}

在MVC的webconfig里面添加一行代码
appSettings里面添加

  <add key="owin:AppStartup" value="PB.UI.BS.Startup, PB.UI.BS" />

这里的格式是这样的

好了现在可以看下前台如何调用

在页面上面引入一下JS

<script src="/Scripts/jquery.signalR-2.0.0.min.js" type="text/javascript"></script>

<script src="/signalr/hubs" type="text/javascript"></script>

JS代码此JS代码为登陆的时候自动向服务端发送消息

$(function () {

    $("#d_username").focus();

    var IWannaChat = $.connection.myHubPms;

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

        $('#btnLogin').click(function () {

            //服务

            IWannaChat.server.send($("#d_username").val() + "正在登陆中...");

            // Call the Send method on the hub.

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

            // Clear text box and reset focus for next comment.

            loginIn();

        });

    });

    $("#btnLogin").click(loginIn);

})

JS2：此JS为接收服务端发送的消息显示在页面上

$(function () {

    var IWannaChat = $.connection.myHubPms;

    //这个主要是接收后台处理的结果,然后打印到前台来

    IWannaChat.client.addMessage = function (message) {

        $("#log").append("<li>" + message + "</li>");

    };

    //开启(长轮训的方式)

    $.connection.hub.start();

});

巴特西

SignalR 2.0 初次使用说明

最新文章

热门文章