web-dev-qa-db-fra.com

signalR:/signalr/hubs n'est pas généré

Je peux obtenir ce tutorial pour travailler dans un nouveau projet, mais pas dans mon projet existant.

Mon projet est une application Web ASP.Net MVC 4 avec l'attribut suivant dans le fichier web.config:

<appSettings>
  <add key="webpages:Enabled" value="true"/>
</appSettings>

En effet, mon application est une application à page unique qui utilise AngularJS côté client. La seule page de mon application est index.cshtml, à laquelle j'ai ajouté le code correspondant à signalR:

 <!-- signalR chat -->
<script src="~/Scripts/jquery.signalR-1.0.0.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 (name, message) {
            // Html encode display name and message. 
            var encodedName = $('<div />').text(name).html();
            var encodedMsg = $('<div />').text(message).html();
            // Add the message to the page. 
            $('#discussion').append('<li><strong>' + encodedName
                + '</strong>:&nbsp;&nbsp;' + encodedMsg + '</li>');
        };
        // Get the user name and store it to prepend to messages.
        $('#displayname').val(Prompt('Enter your name:', ''));
        // Set initial focus to message input box.  
        $('#message').focus();
        // Start the connection.
        $.connection.hub.start().done(function () {
            $('#sendmessage').click(function () {
                // Call the Send method on the hub. 
                chat.server.send($('#displayname').val(), $('#message').val());
                // Clear text box and reset focus for next comment. 
                $('#message').val('').focus();
            });
        });
    });
</script>

Ensuite, j'ai le fichier ChatHub.cs:

public class ChatHub : Hub
{
    public void Send(string name, string message)
    {
        // Call the broadcastMessage method to update clients.
        Clients.All.broadcastMessage(name, message);
    }
}

Et enfin dans le global.asax:

 protected void Application_Start()
    {
        RouteTable.Routes.MapHubs();
        BundleConfig.RegisterBundles(BundleTable.Bundles);
    }

Lorsque j'exécute l'application, le fichier/signalr/hubs n'est pas généré. Je reçois un 404 lors de la demande du fichier, et il se bloque sur la ligne:

 chat.client.broadcastMessage = function (name, message) { ....

parce que le chat est nul car la ligne précédente n'a pas trouvé le chatHub:

var chat = $.connection.chatHub;

Est-ce que quelqu'un sait ce qui ne va pas avec mon code? 

METTRE &AGRAVE; JOUR

J'ai résolu mon problème en changeant de ligne:

<script src="/signalr/hubs"></script>

à 

<script src="~/signalr/hubs"></script>
asp.net-mvc-4angularjssignalrsingle-page-application
22
Sam

J'ai résolu mon problème en changeant de ligne:

<script src="/signalr/hubs"></script>

à

<script src="~/signalr/hubs"></script>
16
Sam

De plus, la raison pour laquelle/signalr/hubs ne sont pas générés est de ne pas mapper SignalR dans la configuration de démarrage OWIN.

public class Startup
{
   public void Configuration(IAppBuilder appBuilder){
         ...
         appBuilder.MapSignalR();
         ...
   }
 ...
6
Marat Batalandabad

Dans mon cas, c'était parce que ma classe ChatHub n'était pas marquée comme publique.

2
Maximilian Wilson

J'ai eu un problème similaire où le fichier hubs n'était pas généré. Il semble que le PO était en suivant les étapes ici . La façon dont j'ai résolu le problème avait à voir avec le jQuery inclus. Le tutoriel que j'ai lié ci-dessous a été écrit avec jquery 1.6.4 et jquery-signalr version 2.1.0. Lorsque Visual Studio a généré le dossier Scripts pour moi, il utilisait jquery version 1.10.2 et jquery-signalr version 2.0.2.

La façon dont j'ai résolu ce problème était simplement de modifier le fichier index.html. Notez que vous pouvez utiliser la fenêtre de la console javascript de Chrome, Ctrl + Maj + J, pour afficher les erreurs.

1
user2023861

Pour moi, la solution a été de réinstaller tous les packages et de restaurer toutes les dépendances .

Dans la console Nuget Powershell et utilisez cette commande.

Update-Package -Reinstall
0
Mihai Alexandru-Ionut

J'aimerais ajouter que le fichier signalR Lisezm contient quelques remarques sur ce problème . De plus, si votre page signalR se trouve dans un PartialView, un script doit être placé dans la page maître.

Please see http://go.Microsoft.com/fwlink/?LinkId=272764 for more information on using SignalR.

Upgrading from 1.x to 2.0
-------------------------
Please see http://go.Microsoft.com/fwlink/?LinkId=320578 for more information on how to 
upgrade your SignalR 1.x application to 2.0.

Mapping the Hubs connection
----------------------------
To enable SignalR in your application, create a class called Startup with the following:

using Microsoft.Owin;
using Owin;
using MyWebApplication;

namespace MyWebApplication
{
    public class Startup
    {
        public void Configuration(IAppBuilder app)
        {
            app.MapSignalR();
        }
    }
} 

Getting Started
---------------
See http://www.asp.net/signalr/overview/getting-started for more information on how to get started.

Why does ~/signalr/hubs return 404 or Why do I get a JavaScript error: 'myhub is undefined'?
--------------------------------------------------------------------------------------------
This issue is generally due to a missing or invalid script reference to the auto-generated Hub JavaScript proxy at '~/signalr/hubs'.
Please make sure that the Hub route is registered before any other routes in your application.

In ASP.NET MVC 4 you can do the following:

      <script src="~/signalr/hubs"></script>

If you're writing an ASP.NET MVC 3 application, make sure that you are using Url.Content for your script references:

    <script src="@Url.Content("~/signalr/hubs")"></script>

If you're writing a regular ASP.NET application use ResolveClientUrl for your script references or register them via the ScriptManager 
using a app root relative path (starting with a '~/'):

    <script src='<%: ResolveClientUrl("~/signalr/hubs") %>'></script>

If the above still doesn't work, you may have an issue with routing and extensionless URLs. To fix this, ensure you have the latest 
patches installed for IIS and ASP.NET.
0
Hugo