通过客户端代码联系服务器上的方法

时间:2018-09-29 16:30:40

标签: c# asp.net-mvc asp.net-mvc-5 signalr

我想尝试将SignalR第一次添加到我的项目中。

我现在的问题是我无法从服务器收到消息。我收到此错误:

TypeError: signalRhub.Test is not a function

我对脚本的引用看起来像这样(似乎可行):

<script src="~/Scripts/jquery.signalR-2.3.0.js"></script>
<script src="~/Scripts/jquery.signalR-2.3.0.min.js"></script>
<script src='~/signalr/js'></script>

这是我的客户代码:

<script>
    $(function () {
        var signalRhub = $.connection.hubSignalR;
        console.log(signalRhub);
        //Start connection
        $.connection.hub.start(function () {
            signalRhub.Test(function (response) {
                 alert("Response from server: " + response);
                //$("#testDiv").html(response);                
            });            
        });
    });
</script>

这是我的服务器类定义,以及我尝试调用的方法(找不到):

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using Microsoft.AspNet.SignalR;
using Microsoft.AspNet.SignalR.Hubs;

    namespace AuthSys.SignalRhub
    {
        public class HubSignalR : Hub
        {
            public string Test()
            {
                return "Success from server";
            }
        }
    }

-------------------附加信息--------------- enter image description here

我已经附上了我的Firefox控制台的屏幕截图。在我的客户代码中,您会注意到以下代码:

console.log(signalRhub);

这就是您在Firefox控制台中看到的内容。看着名为connection的孩子,看起来好像已经建立了连接。在这里,您可以看到它生成的URL等。并查看server子级(扩展了2个级别),看起来好像找到了服务器上的Test()方法。

我的Startup.cs看起来像这样(如果有任何重要性):

using Microsoft.Owin;
using Owin;

[assembly: OwinStartupAttribute(typeof(AuthSys.Startup))]
namespace AuthSys
{
    public partial class Startup
    {
        public void Configuration(IAppBuilder app)
        {
            ConfigureAuth(app);
            app.MapSignalR();
        }
    }
}

有人可能知道我的问题吗?

我期望(尝试做的)是在屏幕上显示一个警报,其中包含以下字符串:

Success from server
在服务器上C#类中看到的

1 个答案:

答案 0 :(得分:1)

更改您的 C#代码以发布您的消息

public string Test() {
   //Clients.Client("ToClientId").TestMessages("Message");//send messages to specific user
   Clients.All.TestMessages("Message"); //send messages to all user
}

发送方法 Javascript

signalRhub.server.test();//Note you didn't have created parameter, but you can create them
像这样的

Javascript 方法

signalRhub.client.TestMessages = function (response) {
    alert("Response from server: " + response);
};