我可以捕获失败的WebSocket连接的“无法建立连接”错误吗?

q3qa4bjr  于 2023-03-30  发布在  其他
关注(0)|答案(2)|浏览(227)

我需要测试到我的WebSocket服务器的连接是否建立。
此时,我可以连接到服务器,但我希望能够捕捉到该服务器无法访问的可能性,所以这个问题是关于当WebSocket连接无法建立或超时时该怎么办。
在Firefox中只使用基本的WebSocket代码,它将在大约20秒内超时并调用我的错误处理程序。但它也会抛出一个JavaScript错误(至少对我使用Firebug的人来说)。然后日志显示:

Firefox can't establish a connection to the server at ws://192.168.0.1/.

目前为止我尝试的方法是:

  • 通过添加我自己的window.timeout来防止20秒超时,该window.timeout检查onopen处理程序是否已被调用,但这并不能防止JavaScript错误。
  • 在我自己的超时结束时强制关闭WebSocket,但现在我得到了两个JavaScript错误-原来的加号:

The connection to ws://192.168.0.1/ was interrupted while the page was loading.

  • try {} catch(e) {}添加到我的代码中,无论是在连接套接字时还是关闭它时-没有任何变化。

有什么办法可以让WebSocket错误不显示在浏览器中吗?

gj3fmq9x

gj3fmq9x1#

到目前为止我学到的是:你不能:0(
...因为这是浏览器特定的行为...

  • 所以你唯一能做的就是在ws对象上使用回调函数并祈祷…
    *或者只覆盖console.log;0)

与代码我做了不过我摆脱了一些错误消息,也许它会有所帮助;)
例如:

  • Chrome不会抱怨服务器死机,也不会默默地尝试重新连接。
  • IE 11仍然给出脚本错误
  • 等等。
    ** Package WS的基本类:看一下回调!**
/**
 * Socket Class
 */
Client.Source.Network.Socket.Class = new Class({ implements: [Client.Source.Network.Socket.Interface] },function( Host, Port ){

var Configuration = {
    Server: {
        Protocol: 'ws',
        Host: Host,
        Port: Port
    },
    Event: {
        Open: function(){},
        Error: function(){},
        Message: function(){},
        Close: function(){}
    }
};

var Socket = null;

/**
 * @return {string}
 */
var HostUrl = function() {
    return Configuration.Server.Protocol + '://' + Configuration.Server.Host + ':' + Configuration.Server.Port + '/Connection'
};

/**
 * @returns {boolean}
 */
var IsSupported = function() {
    return "WebSocket" in window;
};

this.Open = function() {
    if( IsSupported() ) {
        Socket = new WebSocket( HostUrl() );
        Socket.onopen = Configuration.Event.Open;
        Socket.onerror = Configuration.Event.Error;
        Socket.onmessage = Configuration.Event.Message;
        Socket.onclose = Configuration.Event.Close;
    } else {

    }
};

this.Send = function( Text ) {
    Socket.send( Text );
};

this.Close = function() {
    Socket.close();
};

this.onOpen = function( Callback ) {
    Configuration.Event.Open = Callback;
};
this.onError = function( Callback ) {
    Configuration.Event.Error = Callback;
};
this.onMessage = function( Callback ) {
    Configuration.Event.Message = Callback;
};
this.onClose = function( Callback ) {
    Configuration.Event.Close = Callback;
};

});

看看Connect():onError(),onClose()函数

/**
 * Network Class
 */
Client.Source.Network.Class = new Class({ implements: [Client.Source.Network.Interface] },function(){

var _Self = this;
var Socket = null;

this.Connect = function( Host, Port ) {
    Socket = new Client.Source.Network.Socket.Class( Host, Port );
    Socket.onOpen(function(){
        _Self.Gui().Create( Client.Module.Client.Gui() );
        Client.Module.Chat.Message('Connected', 'green', 11);
        Client.Module.Audio.Play( 'Client.Resource.Audio.Chat.UserOnline', 0.2 );
    });
    Socket.onMessage( Response );
    Socket.onError(function(){
        Client.Module.Chat.Message('Connection Error', 'red', 11);
    });
    Socket.onClose(function(){
        _Self.Gui().Destroy();
        Client.Module.Chat.Message('Disconnected', 'darkred', 11);
        Client.Module.Chat.Message('Connecting...', 'orange', 11);
        window.setTimeout(function () {
            _Self.Connect( Host, Port );
        }, 2000);
    });
    Socket.Open();
};

this.Request = function( Application, Request, Data ) {
    Socket.Send( JSON.stringify( { Application: Application, Request: Request, Data: Data } ) );
};
var Response = function( Message ) {
    Message = JSON.parse( Message.data );
    Library[Message.Application].Execute( Message.Request, Message.Data );
};

var Library = {};
this.Protocol = function( Application, Callback ) {
    Library[Application] = Callback;
};

var GuiObject = null;
this.Gui = function Gui() {
    if( GuiObject === null ) {
        GuiObject = new Client.Source.Network.Gui();
    }
    return GuiObject;
};
});
5lhxktic

5lhxktic2#

试试这样的事情:

function send_data(url,data) {
  var json_text = JSON.stringify(data);
  var socket = new WebSocket(url);
  socket.addEventListener("open", (event) => {
    socket.send(json_text);
  })
  socket.addEventListener("message", handle_message);
  socket.addEventListener("error", () => setTimeout(send_data, 2000, url, data));
}

它每2秒尝试重新连接一次。
(我知道这个问题很老了,我在调试这个问题时发现了它,并认为其他人可能会从我的结论中受益。)

相关问题