你的位置:首页 > ASP.net教程

[ASP.net教程]第四章SignalR自托管主机


第四章SignalR自托管主机

         SignalR服务器通常在IIS的Asp.Net应用程序上承载,但它也可以使用自托管库来作为自托管的主机来运行(就像控制台应用程序或Windows服务那样)与Signal2.0一样,自托管库是基于.Net开放式Web接口(OWIN)来构建的。OWIN定义了.Net Web服务器和Web应用程序之间的抽象接口,将Web应用程序从服务器上解耦,使得OWIN可以在IIS之外建立自托管主机。

         那我们为什么不在IIS中进行托管SignalR呢?可参考以下理由:

         1)不能安装IIS环境或IIS不能使用,比如无IIS的服务器主机

         2)考虑到性能,需要避免IIS的额外开销。

         3)SignalR运行在Windows服务或Azure工作角色,或被用于其他现存的应用程序。

         (一般windows操作系统服务器都可安装IIS,非windows操作系统服务器都不能使用-_-!!!;SinglaR放在IIS中占的资源多还是自托管占资源多,运行效率和性能如何,都需要测试好;)

1.设置项目:

         在本例子中,您将创建托管在控制台应用程序中的服务器,当然,将其承载在Windeos服务及Azure工作角色中也是可行的。

1)已管理员权限运行VS2013,新建一个控制台应用程序,命名为”SignalRSelfHost“并确定。

 

 

2)打开程序包管理控制台。

 

 

3)在控制台中输入一下命令

Install-Pagkage Microsoft.AspNet.SignalR.SelfHost

此命令将SingalR自托管库添加到项目中。

 

4)继续在控制台输入以下命令:

Install-Package Microsoft.Owin.Cors

此命令将OWIN核心库添加到项目中,因为SignalR主机与网页客户端端之间在不同的域中运行,该库将用于跨域支持。由于SignalR服务和Web客户端运行在不同的端口上,这意味着如果想在这些组件之间进行通讯,则必须启动这些组件中的跨域功能。

 

5)替换Program.cs中的代码:

using System;

using Microsoft.AspNet.SignalR;

using Microsoft.Owin.Hosting;

using Owin;

using Microsoft.Owin.Cors;

namespace SignalRSelfHost

{

    class Program

    {

        static void Main(string[] args)

        {

            string url = "http://localhost:8080";

            using (WebApp.Start(url))

            {

                Console.WriteLine("Server running on {0}", url);

                Console.ReadLine();

            }

        }

    }

    class Startup

    {

        public void Configuration(IAppBuilder app)

        {

            app.UseCors(CorsOptions.AllowAll);

            app.MapSignalR();

        }

    }

    public class MyHub : Hub

    {

        public void Send(string name, string message)

        {

            Clients.All.addMessage(name, message);

        }

    }

}

上面代码包含了三个类:

         A:Program,包含了Mian方法定义执行的主路径。在该方法中,指定了本地主机使8080端口来启动该Web应用程序。当然,您也可以实现SSL来进一步提高安全性。          

         B:Startup,包含了SignalR服务器的配置(本例子中,仅仅使用了UserCors配置类 ,并调用MapSignalR,为集线器建立路由映射。

         C:MyHub,SignalR的集线器实现类,用于提供客户端服务。这个类还包含了一个方法:Send,用于将接收到的客户端消息广播给其他已连接的客户端。

 

6)编译并运行,在服务器的地址将显示在控制台中。

 

 

7)如果执行失败,除了发生System.Relection.TargetInvocationException错误,您需要给管理员权限重新运行VS2013并重新编译运行。

 

8)在进行下一步前,请关闭控制台程序。

2.使用JavaScript客户端访问服务器端:

         在本例子中,您将使用同入门教程一致的JS客户端。我只是进行一项修改,即定义集线器URL,作为自托管主机,服务器不一定在相同的URL作为连接地址(参考反向代理及负载平衡),所以URL需要显示定义。

 

1)  在解决方案资源管理器中,添加Asp.Net Web应用程序,命名为”JavascriptClient”,然后确定。

 

 

2)已空模版创建项目。

 

 

3)在包管理控制台中,在默认项目下拉选择“JavaScriptClient“项目,并执行一下命令

Install-Package Microsoft.AspNet.SignalR.JS

此命令安装客户端所需要的SignalR以及jQuery库

 

4)添加一个新的Html页面,命名为“Default.html“

 

 

5)用以下的代码替换Html中的内容,同样需要确认代码中引用的脚本路径是否一致。

<!DOCTYPE html>

<html>

<head>

    <title>SignalR Simple Chat</title>

    <style type="text/css">

        .container {

            background-color: #99CCFF;

            border: thick solid #808080;

            padding: 20px;

            margin: 20px;

        }

    </style>

</head>

<body>

    <div >

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

        <input type="button" id="sendmessage" value="Send" />

        <input type="hidden" id="displayname" />

        <ul id="discussion"></ul>

    </div>

    <!--Script references. -->

    <!--Reference the jQuery library. -->

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

    <!--Reference the SignalR library. -->

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

    <!--Reference the autogenerated SignalR hub script. -->

    <script src="http://localhost:8080/signalr/hubs"></script>

 

    <!--Add script to update the page and send messages.-->

    <script type="text/javascript">

        $(function () {

        //Set the hubs URL for the connection

            $.connection.hub.url = "http://localhost:8080/signalr";

           

            // Declare a proxy to reference the hub.

            var chat = $.connection.myHub;

           

            // Create a function that the hub can call to broadcast messages.

            chat.client.addMessage = function (name, message) {

                // Html encode display name and message.

                var encodedName = $('<div />').text(name).html();

                var encodedMsg = $('<div />').text(message).html();

                // Add the message to the page.

                $('#discussion').append('<li><strong>' + encodedName

                    + '</strong>:&nbsp;&nbsp;' + encodedMsg + '</li>');

            };

            // Get the user name and store it to prepend to messages.

            $('#displayname').val(prompt('Enter your name:', ''));

            // Set initial focus to message input box.

            $('#message').focus();

            // Start the connection.

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

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

                    // Call the Send method on the hub.

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

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

                    $('#message').val('').focus();

                });

            });

        });

    </script>

</body>

</html>

注意:次行代码生命了SignalR的基础连接URL:

$.connection.hub.url = "http://localhost:8080/signalr";

 

6)在解决方案上右击,设置多个启动项目为启动

 

 

7)在Default.html上右击,设置为起始页。

 

8)运行该项目,将弹出控制台服务以及Web页面,如果Web页面在控制台服务器启动前执行,您需要重新刷新一次页面。

 

 

9)您可以输入用户名,打开多个浏览器来进行多用户的聊天室进行测试了。^-^