使用 SignalR 和 Ionic 的聊天应用程序

Question

我正在开发一个聊天应用程序。我为此使用 SignalR 和 Ionic。我在 Ionic 方面遇到错误。

Startup.cs

using System;
using System.Threading.Tasks;
using Microsoft.Owin;
using Owin;

[assembly: OwinStartup(typeof(SignalR.Startup))]

   namespace SignalR
{
   public class Startup
     {
        public void Configuration(IAppBuilder app)
          {

        app.MapSignalR();
        }
     }
  }

ChatHub.cs

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

  namespace SignalR
 {
       public class ChatHub : Hub
     {


      public void Send(string username,string message)

       {
        Clients.All.sendMessage(username,message);

       }
      }
    }

controller.js

angular.module('starter.controllers', [])

.controller('DashCtrl', function ($scope) {


$scope.name = 'Onur'; // holds the user's name
$scope.message = ''; // holds the new message
$scope.messages = []; // collection of messages coming from server
$scope.chatHub = null; // holds the reference to hub

$scope.chatHub = $.connection.chatHub; // initializes hub
$.connection.hub.start(); // starts hub

// register a client method on hub to be invoked by the server
$scope.chatHub.client.broadcastMessage = function (name, message) {
    var newMessage = name + ' says: ' + message;

    // push the newly coming message to the collection of messages
    $scope.messages.push(newMessage);
    $scope.$apply();
};

$scope.newMessage = function () {
    // sends a new message to the server
    $scope.chatHub.server.sendMessage($scope.name, $scope.message);

    $scope.message = '';
};

 })

无法加载资源 集线器(0,0)

TypeError：无法读取未定义的属性“chatHub”

我遇到了错误。我在哪里做错了。帮助我

Answer 1

您需要在注册客户端方法后启动集线器。它应该可以工作。