信号器关闭连接

Question

我正在尝试在我的 web 应用程序中创建一个停止按钮。 webapp 为不同的文件创建批量快捷方式。我尝试过使用$.connection.shortcutHub.stop()，但是这会出现错误提示Cannot read property 'shortcutHub' of undefined(anonymous function)

代码如下。单击stop 按钮后，我需要停止连接。停止按钮的 id 是stopButton。

        $(document).ready(function () {
        // initialize the connection to the server
        var progressNotifier = $.connection.shortcutHub;

        // client-side sendMessage function that will be called from the server-side
        progressNotifier.client.sendMessage = function (message, percent) {
            // update progress
            UpdateMessage(message, percent);
        };

        progressNotifier.client.redo = function () {
            redo();
        };

        progressNotifier.client.success = function () {
            success();
        };

        progressNotifier.client.fail = function () {
            fail();
        };


        // establish the connection to the server and start server-side operation
        $.connection.hub.start().done(function () {
            $('#confirmbutton').click(function () {
                jQuery.noConflict();
                document.getElementById('closeButton').setAttribute("class", "btn btn-default hidden");
                $('#myModal').modal('show');
                //document.getElementById('confirmbutton').disabled = true;
                //document.getElementById('barcodepanel').setAttribute("class", "panel panel-default");
                var ticket = getCookie('ticket');
                var path = getCookie('CBSShortcut_Path');
                var checkeddocs = getCheckedBoxes("dcheck");
                var checkedfolders = getCheckedBoxes("fcheck");
                progressNotifier.server.createshortcuts(ticket, path, checkeddocs, checkedfolders);
            });

            $('#stopButton').click(function () {
                document.getElementById('closeButton').setAttribute("class", "btn btn-default");
                document.getElementById('confirmbutton').disabled = false;


                //What do I put here?
            });



        });



        function UpdateMessage(message, percent) {
            // get result div
            var msg = $("#result");
            // set message
            msg.html(message);
            //set value of progress bar
            document.getElementById('closeButton').setAttribute("class", "btn btn-default hidden")
            $('#progressbar').css('width', percent + '%').attr('aria-valuenow', percent);
        }

        function getCookie(cname) {
            var name = cname + "=";
            var ca = document.cookie.split(';');
            for (var i = 0; i < ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) == ' ') c = c.substring(1);
                if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
            }
            return "";
        }

        function redo() {
            document.getElementById('confirmbutton').disabled = false;
            jQuery.noConflict();
            $('#myModal').modal('hide');
        }


        // Pass the checkbox name to the function
        function getCheckedBoxes(chkboxclass) {
            var checkboxes = document.getElementsByClassName(chkboxclass);
            var checkboxesChecked = [];
            var ids = "";
            // loop over them all
            for (var i = 0; i < checkboxes.length; i++) {
                // And stick the checked ones onto an array...
                if (checkboxes[i].checked) {
                    checkboxesChecked.push(checkboxes[i]);
                    ids = ids + checkboxes[i].getAttribute("Name") + ",";
                }
            }
            // Return the array if it is non-empty, or null
            //return checkboxesChecked.length > 0 ? checkboxesChecked : null;
            return ids;
        }
    }
);`

感谢任何帮助。我已经尝试了 google 提供的所有方法（主要是 stackoverflow 网站），但我仍然遇到同样的问题。

Answer 1

你试过了吗：

$.connection.hub.stop().done(function() {
    alert('stopped');
});

它会起作用的。

Answer 2

您想使用全局 SignalR Hub 客户端连接，因为集线器共享单个连接（也不要使用 progressNotifier 对连接进行任何操作，仅用于侦听和发送事件。）

您的测试代码可能如下所示：

 $('#stopButton').click(function () {
                document.getElementById('closeButton').setAttribute("class", "btn btn-default");
                document.getElementById('confirmbutton').disabled = false;


                $.connection.hub.stop();
                //try to send a server event. Will throw an error 
                //Uncaught Error: SignalR: Connection must be started before data can be sent. Call .start() before .send()
            });

Answer 3

这是我正在使用的工作代码：

let connection;  
let connectionUrl = 'https://someurl/hubEndpoint';

connection = new signalR.HubConnectionBuilder()
    .withUrl(connectionUrl)
    .build();

connection.serverTimeoutInMilliseconds = 60 * 10000;

connection.on("ReceiveMessage", (message) => {                
    console.log(message);     
    // to do appropriate coding
});

connection.start().then(function () {
    console.log('Connected to server');
    subject = new signalR.Subject();           
});

setTimeout(() => {
    connection.stop().then(function() {
        console.log('Closed');
        connection = null;    
    });
}, (2000));