我已经建立了windows表单app signalr服务器和名为" MyHub"的集线器。我创建了新的MVC项目网站连接到我的Windows窗体服务器,但我堆叠了如何连接到服务器。你能帮我吗?这是我目前的代码。除了" MyHub"目前有一种方法称为"发送"它向所有人发送消息,如何制作类似:HubProxy.On(这是来自win表格),但这里是mvc。
fbr
修改
在服务器端:
@{
ViewBag.Title = "Chat";
}
<fieldset>
<legend style="color:orangered">Welcome To Satya's signalR MVC Group Chat Club</legend>
</fieldset>
<div class="form-group col-xl-12">
<label style="color: blue; font-style: oblique;font-size: medium" id="label1">Write Your Message Here!</label><br />
<textarea class="form-control" rows="4" cols="40" id="message" placeholder="Share what's in your mind..."></textarea>
<br />
<input type="button" class="btn btn-primary" id="sendmessage" value="Send" />
<br />
<br />
<label style="color: blue;font-style:oblique;font-size:medium" id="label2">Group Chat Conversations History</label>
<div class="container chatArea">
<input type="hidden" id="displayname" />
<ul id="discussion"></ul>
</div>
</div>
@section scripts {
<script src="~/Scripts/jquery.signalR-2.2.3.min.js"></script>
<script src="~/signalr/hubs"></script>
<script>
$(function () {
var chat = "MyHub"
chat.hub.url = 'http://xxxxxxxx:4848/';
chat.hub.qs = { 'username' : 'John' };
chat.client.Send = function (name, message) {
$('#discussion').append('<ul style="list-style-type:square"><li><strong style="color:red;font-style:normal;font-size:medium;text-transform:uppercase">' + htmlEncode(name) + ' ' + '<strong style="color:black;font-style:normal;font-size:medium;text-transform:lowercase">said</strong>'
+ '</strong>: ' + '<strong style="color:blue;font-style:oblique;font-size:medium">' + htmlEncode(message) + '</strong>' + '</li></ul>');
};
$('#displayname').val(prompt('Your Good Name Please:', ''));
$('#message').focus();
chat.start().done(function () {
$('#sendmessage').click(function () {
chat.client.Send($('#displayname').val(), $('#message').val());
$('#message').val('').focus();
});
});
});
function htmlEncode(value) {
var encodedValue = $('<div />').text(value).html();
return encodedValue;
}
</script>
}
现在在MVC客户端我有:
class Startup
{
public void Configuration(IAppBuilder app)
{
//app.UseCors(CorsOptions.AllowAll);
//app.MapSignalR();
// Branch the pipeline here for requests that start with "/signalr"
app.Map("/signalr", map =>
{
// Setup the CORS middleware to run before SignalR.
// By default this will allow all origins. You can
// configure the set of origins and/or http verbs by
// providing a cors options with a different policy.
map.UseCors(CorsOptions.AllowAll);
var hubConfiguration = new HubConfiguration
{
// You can enable JSONP by uncommenting line below.
// JSONP requests are insecure but some older browsers (and some
// versions of IE) require JSONP to work cross domain
// EnableJSONP = true
};
// Run the SignalR pipeline. We're not using MapSignalR
// since this branch already runs under the "/signalr"
// path.
hubConfiguration.EnableDetailedErrors = true;
map.RunSignalR(hubConfiguration);
});
}
}
public class MyHub : Hub
{
public async Task Send(string name, string message)
{
await Clients.All.addMessage(name, message);
uListHistory.Add(new ChatHistory { name = name, message = message });
}
....
答案 0 :(得分:0)
服务器和客户端信号器版本必须匹配
根据您的错误消息,您似乎没有正确的信号器版本。
提示:下次请尽量自己做调试。为此,在您的代码中添加跟踪消息,并在浏览器窗口中显示错误。