Asp.net web api 从WebAPI控制器调用信号器集线器时出现问题
我不知道这里出了什么问题 我已经从ASP.NET MVC WebAPI模板创建了一个新项目。在该项目中添加了一个名为MyHub的新信号集线器。添加了一个HTML页面,可以加载、连接到集线器并发送消息。HTML页面有一个按钮,单击该按钮将触发对ApicController的post方法的ajax调用。在APIController的post方法中,我想向所有连接的客户端广播一条消息。我不能让它工作 ChatHub.cs Index.html Startup.cs 看起来集线器呼叫不起作用。我没有收到由此产生的任何错误,但是没有为客户端返回消息Asp.net web api 从WebAPI控制器调用信号器集线器时出现问题,asp.net-web-api,signalr,Asp.net Web Api,Signalr,我不知道这里出了什么问题 我已经从ASP.NET MVC WebAPI模板创建了一个新项目。在该项目中添加了一个名为MyHub的新信号集线器。添加了一个HTML页面,可以加载、连接到集线器并发送消息。HTML页面有一个按钮,单击该按钮将触发对ApicController的post方法的ajax调用。在APIController的post方法中,我想向所有连接的客户端广播一条消息。我不能让它工作 ChatHub.cs Index.html Startup.cs 看起来集线器呼叫不起作用。我没有收到
非常感谢您的帮助。您应该在js中添加如下内容:
chat.client.send= function (message) {
alert(message)
};
或者将服务器调用更改为(因为在代码中您正试图在客户端上调用send方法):
[HttpPost]
public void PostSampleMessage([FromBody]FormData数据)
{
var hubContext=GlobalHost.ConnectionManager.GetHubContext();
hubContext.Clients.All.broadcastMessage(data.Message);
}
I包含了建议的更改,但仍然无法返回消息。请在启动连接之前在客户端上启用跟踪$。connection.hub.logging=true代码>和在服务器上使用新HUB配置{EnableDetailedErrors=true}
。您将能够看到是否有错误。没有任何错误。是否因为启用了“CORS”,我没有得到回复。Startup.cs文件中的代码。app.Map(“/signalr”,Map=>{Map.UseCors(CorsOptions.AllowAll);var-hubConfiguration=new-hubConfiguration{};Map.RunSignalR(hubConfiguration);});你可以看看这篇文章:非常感谢,它真的节省了很多时间。
<!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 class="container">
<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.2.0.min.js"></script>
<!--Reference the autogenerated SignalR hub script. -->
<script src="signalr/hubs"></script>
<!--Add script to update the page and send messages.-->
<script type="text/javascript">
$(function () {
// Declare a proxy to reference the hub.
var chat = $.connection.chatHub;
// Create a function that the hub can call to broadcast messages.
chat.client.broadcastMessage = function (message) {
// Html encode display message.
var encodedMsg = $('<div />').text(message).html();
// Add the message to the page.
$('#discussion').append('<li><strong>' + </strong>: ' + encodedMsg + '</li>');
};
// Set initial focus to message input box.
$('#message').focus();
// Start the connection.
$.connection.hub.start()//.done(function () {
$('#sendmessage').click(function () {
$.ajax({
url: "api/Test/PostSampleMessage",
data: { 'Message': $('#message').val() },
type: "POST"
});
// Clear text box and reset focus for next comment.
$('#message').val('').focus();
});
//});
});
</script>
</body>
</html>
public class TestController : ApiController
{
[HttpPost]
public void PostSampleMessage([FromBody] FormData data)
{
var hubContext = GlobalHost.ConnectionManager.GetHubContext<MyHub>();
hubContext.Clients.All.send(data.Message);
}
}
public class FormData
{
public string Message { get; set; }
}
using System;
using System.Threading.Tasks;
using Microsoft.Owin;
using Owin;
using Microsoft.Owin.Cors;
using Microsoft.AspNet.SignalR;
[assembly: OwinStartup(typeof(SignalRServerAPIHub.Startup))]
namespace SignalRServerAPIHub
{
public class Startup
{
public void Configuration(IAppBuilder app)
{
app.Map("/signalr", map =>
{
map.UseCors(CorsOptions.AllowAll);
var hubConfiguration = new HubConfiguration { };
map.RunSignalR(hubConfiguration);
});
}
}
}
chat.client.send= function (message) {
alert(message)
};
[HttpPost]
public void PostSampleMessage([FromBody] FormData data)
{
var hubContext = GlobalHost.ConnectionManager.GetHubContext<MyHub>();
hubContext.Clients.All.broadcastMessage(data.Message);
}