在角度服务中多次发送SignalR客户端方法

Question

我有一个非常令人沮丧的问题,我似乎无法深究.

我正在使用SignalR将消息推送到移动设备,并且多次触发客户端方法.当我退出时应该清除/关闭/停止连接时,它发出的次数会增加.

我的中心如下所示

public class MyHub:Hub
{
    private static string _groupIdentifier = "Test"
    public override Task OnConnected()
    {
        var identity =  //grab identity from auth provider
        Groups.Add(Context.ConnectionId, string.Format("{0}-{1}", _groupIdentifier, identity.UserId));
        return base.OnConnected();
    }

    public void OnMessageCreated(Message message)
    {
        IHubContext context = GlobalHost.ConnectionManager.GetHubContext<MessageCreatedEmitter>();
        context.Clients.Group(String.Format("{0}-{1}",_groupIdentifier, message.userId)).onMessageCreated(obj);
    }

    public override Task OnReconnected()
    {
        var identity = //grab identity from my auth provider
        Groups.Add(Context.ConnectionId, string.Format("{0}-{1}", _groupIdentifier, identity.UserId));
        return base.OnReconnected();
    }

    public override Task OnDisconnected(bool stopCalled)
    {
        var identity = //grab identity from my auth provider
        Groups.Remove(Context.ConnectionId, string.Format("{0}-{1}", _groupIdentifier, identity.UserId));
        return base.OnDisconnected(stopCalled);
    }
}

我的客户端代码如下所示:

.service('Messages',function($rootScope,$q,$log,User,ENV){
    var self = this;

    this.proxy = null;

    var initializeConnection = function(){
        self.proxy = null;
        var connection = $.hubConnection(ENV.socketEndpoint,{
            qs: {token:User.getToken()},
            logging: true,
            useDefaultPath: false
        });
        self.proxy = connection.createHubProxy('myHub');
        self.proxy.on('onMessageCreated',function(data){
          $rootScope.$emit('Messages:messageReceived',data);
        })

        connection.start().done(function(){
          $log.info('connected');
        })
    }

    var cleanupConnection = function(){
        if(self.proxy != undefined && self.proxy != null){
            self.proxy.connection.stop();
        }
    }

    $rootScope.$on('UserAuthenticated',function(event,data){
        initializeConnection();
    });

    $rootScope.$on('UserLoggedOut',function(event,data){
        cleanupConnection();
    });

    return self;
}

我已经验证(或至少相信我有)以下内容

1. OnMessageCreated我的集线器上的方法只被调用一次.
2. 当我退出移动设备时,连接已关闭或断开连接.

从目前为止的行为来看,似乎正在建立连接,或者客户端方法正在多次注册并且在连接关闭后仍然存在,但这似乎不对,我无法证明它.

根据上述信息,导致或可能导致客户端方法被多次触发的原因是什么？

此时,我无法验证它是Angular问题还是SignalR问题

Answer 1

UserAuthenticated 事件很可能会多次触发，但可以通过在$.signalR.connectionState.disconnected连接启动周围进行检查来处理

var initializeConnection = function(){
    self.proxy = null;
    var connection = $.hubConnection(ENV.socketEndpoint,{
        qs: {token:User.getToken()},
        logging: true,
        useDefaultPath: false
    });
    self.proxy = connection.createHubProxy('myHub');
    self.proxy.on('onMessageCreated',function(data){
      $rootScope.$emit('Messages:messageReceived',data);
    })

    if ($.connection.hub && $.connection.hub.state === $.signalR.connectionState.disconnected){

        connection.start().done(function(){
            $log.info('connected');
        })

    }

}

编辑：我实际上不知道你在哪里调用OnMessageCreated方法？

另外，您在调用断开连接时是否调试了 signalR 集线器？我认为当用户断开连接时，它会被正常调用，但是您也$rootScope.$on('UserLoggedOut'肯定会调用它，您的 signalR 集线器此时将无法识别用户，因此它们将保留在您的组集合中？Context.ConnectionId如果是这种情况，您可能会遇到奇怪的行为，例如在组呼叫中出现多个呼叫。