2013-05-22 10 views
7

Nie mogę ustalić, w jaki sposób mogę wywołać koncentrator SignalR z apiController WebAPI. Przygotowałem próbkę, którą można pobrać here, która upraszcza problem i demonstruje problem.Wywoływanie węzła SignalR z problemów z kontrolerem WebAPI

  1. Utworzono nowy projekt z szablonu WebAPI ASP.NET MVC.
  2. Dodałem nowy Hub SignalR do projektu o nazwie ChatHub.
  3. Dodano stronę HTML, która po załadowaniu łączy się z ChatHub, dołącza do grupy i wysyła wiadomość do tej grupy. Działa to świetnie.
  4. Strona HTML ma również przycisk, który po kliknięciu wywoła wywołanie ajaxa do metody posta ValuesController. W metodzie posta ValuesController chcę nadać komunikat wszystkim połączonym klientom grupy. Nie mogę tego zmusić do działania.

Mam prosty koncentrator SignalR z zaledwie 2 metodami.

[HubName("chat")] 
public class ChatHub : Hub 
{ 
    public void Join(string room) 
    { 
     // NOTE: this is not persisted - .... 
     Groups.Add(Context.ConnectionId, room); 
    } 

    public void Send(string room, string message) 
    { 
     var msg = String.Format(
      "{0}: {1}", Context.ConnectionId, message); 
     Clients.Group(room).newMessage(msg); 
    } 
} 

Stworzyłem bardzo prostą stronę HTML, która łączy się z koncentratorem czatu, gdy DOM jest gotowy, jak pokazano tutaj.

<html> 
<head> 
    <title>Simple Chat</title> 
    <script src="Scripts/jquery-1.8.2.js" type="text/javascript"></script> 
    <script src="Scripts/jquery.signalR-1.0.0.js"></script> 
    <script src="signalr/hubs"></script> 
    <script type="text/javascript"> 
     var chat; 

     //$(function() { 
     // connectToHubs(); 
     //}); 
     $(connectToHubs); 
     function connectToHubs() { 
      $.connection.hub.logging = true; 

      chat = $.connection.chat; 
      chat.client.newMessage = onNewMessage; 

      $.connection.hub.start({ transport: 'longPolling' }).done(function() { 
       chat.server.join("TestGroup").done(function() { 
        chat.server.send("TestGroup", "message from html"); 
       }); 
      }); 

      $('#controller').click(postProficiencyUserAction); 



     } 
     var postProficiencyUserAction = function() { 
      //var token = $('[name=__RequestVerificationToken]').val(); 
      var headers = {}; 
      //headers["__RequestVerificationToken"] = token; 
      //var userAction = { createdOn: "2013-05-21T00:00:00", userId: "12345678-1234-1234-1234-000000000001", actionId: "12345678-1234-1234-1234-000000000003" }; 
      $.ajax({ 
       type: 'POST', 
       url: 'http://localhost:58755/api/values', 
       cache: false, 
       headers: headers, 
       contentType: 'application/json; charset=utf-8', 
       data: 'test', 
       dataType: "json", 
       success: function() { 

       }, 
       error: function() { 

       } 
      }); 
     }; 
     function onNewMessage(message) { 
      // ... todo: validation !!!! :) 
      $('#messages').append('<li>' + message + '</li>'); 
     }; 

    </script> 
</head> 
<body> 
    <div> 
     <h2>Chat</h2> 
     <input type="button" id="controller" value="Controller Method" /> 
     <div> 
      <h2>Message(s) Received</h2> 
      <ul id="messages"></ul> 
     </div> 
    </div> 
</body> 
</html> 

Nic nadzwyczajnego. Za każdym razem, gdy podłączony hub odbiera nową wiadomość, do listy nieuporządkowanej zostaje dodany nowy element. Istnieje przycisk, który wywołuje funkcję Ajax w metodzie postów ValuesController.

public class ValuesController : ApiController 
{ 
    // POST api/values 
    public void Post([FromBody]string value) 
    { 
     var hubContext = GlobalHost.ConnectionManager.GetHubContext<ChatHub>(); 
     hubContext.Clients.Group("TestGroup").send("TestGroup", "Called from Controller"); 
    } 

Połączenie z centrum nie działa. Błąd nie jest zgłaszany, ale wiadomość nigdy nie jest odbierana. Umieszczenie punktu przerwania w metodzie "Wyślij" w centrum nie działa. Czuję, że robię to dobrze. Ktoś pomaga? Ponownie, kod źródłowy można znaleźć here

Odpowiedz

14

Telefonujesz różne metody na kliencie:

kontroler API

hubContext.Clients.Group("TestGroup").send("TestGroup", "Called from Controller"); 

Hub

Clients.Group(room).newMessage(msg); 

Sposób chcesz zadzwonić to newMessage nie wysyłaj

chat.client.newMessage = onNewMessage; 
+0

David, wielkie dzięki. Tak więc pojawia się na serwerze, mogę wywołać dowolną metodę off z hubContext.Clients.Group ("TestGroup"), takich jak hubContext.Clients.Group ("TestGroup"). HelloNasty i klient automagicznie będzie w stanie odpowiedzieć na to samo opracowana metoda. Zwariowany. Muszę się uczyć na temat dynamicznych funkcji języka C# :-) – DapperDanh

+0

Właśnie o to chodzi :) – davidfowl

+0

@ffowler: Czy istnieje sposób na wywołanie rzeczywistej metody ChatHub.Send z ApiController? Powyższy sposób robienia tego wydaje się ominąć ChatHub i po prostu przejść bezpośrednio do Kontekstu Hub, aby zrobić ekwipunek z tego, co robi ChatHub.Send - ale wszystko, co mam w ChatHub.Send nie uruchomi się \ musiałoby zostać zreplikowane w ApiController? Może po prostu coś tu brakuje. – mutex