工作 SignalR 客户端/服务器需要 MVC 显示

Question

我有一个 Windows 服务的工作实现，它充当 SignalR 客户端，向 ASP.NET MVC（服务器）中集线器上的方法发送消息。我只需要知道如何使用 MVC 在视图或其他内容中显示我收到的字符串。

我在设置 hubConnection 并调用“Hello”方法的 Windows 服务中有以下客户端代码：

protected override async void OnStart(string[] args)
        {
            eventLog1.WriteEntry("In OnStart");
            try
            {
                var hubConnection = new HubConnection("http://localhost/AlphaFrontEndService/signalr", useDefaultUrl: false);
                IHubProxy alphaProxy = hubConnection.CreateHubProxy("AlphaHub");

                await hubConnection.Start();
                // Invoke method on hub
                await alphaProxy.Invoke("Hello", "Message from Service");

            }
            catch (Exception ex)
            {
                eventLog1.WriteEntry(ex.Message);
            }
        }

当我启动服务时，它会使用这个集线器和方法调用我的 MVC 应用程序：

public class AlphaHub : Hub
{
    public void Hello(string message)
    {
        // We got the string from the Windows Service 
        // using SignalR. Now need to send to the clients
        Clients.All.addNewMesssageToPage(message);
    }
}

我在 HomeController 上设置了一个方法：

public ActionResult Messaging()
        {
            return View();
        }

然后是消息视图：

@{
    ViewBag.Title = "Messaging";
}

<h2>Messaging</h2>
<ul id="messages"></ul>

@section scripts
{  
    <script src="~/Scripts/jquery.signalR-2.0.2.min.js"></script>
    <script src="~/signalr/hubs"></script>
    <script>
        $(function() {
            var alpha = $.connection.alphaHub;
            // Create a function that the hub can call back to display messages
            alpha.client.addNewMessageToPage = function (message) {
                // Add the message to the page. 
                $('<li />').text(message).appendTo('#messages');
            };

            $.connection.hub.start();
        });
    </script>
}

它不会在 /Home/Messaging 更新浏览器

Answer 1

SignalR 网站上有一些非常好的示例，它们比任何人都可以在这里发布的任何答案都要好得多...http://www.asp.net/signalr/overview/signalr-20/getting-started-with-signalr-20/tutorial-getting-started-with-signalr-20-and-mvc-5

但简而言之（从上面的教程中几乎逐字记录......

在你的 Razor 视图中：

@{
    ViewBag.Title = "Chat";
}

<ul id="messages"><ul>

@section scripts {
    <!--Script references. -->
    <!--The jQuery library is required and is referenced by default in _Layout.cshtml. -->
    <!--Reference the SignalR library. (make sure the version matches your local copy) -->
    <script src="~/Scripts/jquery.signalR-2.0.0.min.js"></script>
    <!--Reference the autogenerated SignalR hub script. -->
    <script src="~/signalr/hubs"></script>
    <!--SignalR script to update the chat page and send messages.--> 
    <script>
        $(function () {
            // Reference the auto-generated proxy for the hub.  
            var alpha = $.connection.alphaHub;
            // Create a function that the hub can call back to display messages.
            alpha.client.addNewMessageToPage = function (message) {
                // Add the message to the page. 
                $('<li />').text(message).appendTo('#messages');
            };
            $.connection.hub.start();
        });
    </script>
}

在您的中心：

public class AlphaHub : Hub 
{ 
    public void Hello(string message) 
    { 
        Clients.All.addNewMessageToPage(message); 
    } 
}