Question

我有一个简单的应用程序，它显示可用的signalR集线器列表。用户选择一个集线器并连接到它，这将订阅一个事件以将消息添加到页面上的表中。然后，用户可以向该集线器发送消息，该集线器还将触发将该消息添加到该表的订阅。这一切都很有效。

现在，如果用户选择了另一个集线器，则应用程序会连接并设置新的订阅，但原始订阅仍然会触发，从而导致将重复的消息添加到表中。每次更改集线器时，都会添加更多订阅，从而导致一次发送导致表中的许多消息。

我尝试断开集线器，部署集线器并尝试使用hubProxy.off（eventName）删除订阅，但除了页面重新加载之外，似乎没有任何工作。

这是我刚刚添加onHub更改功能的代码，因为这是一切都在发生的地方。

任何想法都赞赏。：）

function HubViewModel() {
    var self = this;
    self.hubConnection = '';
    self.hub = '';

    $.getScript("../signalR/hubs");

    self.hubs = ko.observableArray();
    self.selectedHub = ko.observable();
    self.messageText = ko.observable();
    self.messageCollection = ko.observableArray();

    self.hubChanged = function () {

        // Setup hub connection.
        $.connection.hub.url = "../signalR";
        self.hubConnection = $.hubConnection();

        // Get the selected hub name.
        var selectedHubName;
        _.each(self.hubs(), function(item) {
            if (item.hubId == self.selectedHub()) {
                selectedHubName = item.hubName;
            }
        });

        // Check for a selected connection
        if (self.selectedHub()) {

            // Create proxy.
            self.hub = self.hubConnection.createHubProxy(selectedHubName);

            // Remove any existing listener(s).
            self.hub.off('addNewMessageToPage');

            // Setup listener.
            self.hub.On('addNewMessageToPage', function (sender, message) {
                self.messageCollection().push({ hubName: selectedHubName, name: selectedHubName, message: message, dateTime: new Date().toLocaleString() });
                $('#hubMessageGrid').dxDataGrid('instance').refresh();
            });

            // start connection.
            self.hubConnection.start()
                .done(function() {
                    toastr.success('hub connected');
                    $('#sendMessageButton').click(function() {
                        self.hub.invoke('sendAll', 'hub management page', self.messageText());
                        self.messageText('');
                    });

                })
                .fail(function(error) {
                    toastr.error('hub connection ' + error);
                });
        }
    };

Answer 1

您可以先调用self.hub.stop（）来断开集线器的连接;功能

Answer 2

您需要在取消订阅时传递完全相同的处理程序实例。传递不同的实例（即使函数体相同）不会删除处理程序。见https://docs.microsoft.com/en-us/javascript/api/@microsoft/signalr/hubconnection?view=signalr-js-latest#off-string---args--any-------void-

SignalR更改中心订阅

2 个答案: