Socket.io-client: 디버거가 있을 때 XHR 폴링 오류가 나타남

업데이트 : 마지막으로 socket.io-client를 사용하여 iPhone에서 내 응용 프로그램 중 하나를 테스트한 후 운이 좋게도 XHR 폴링 오류가 발생하지 않았습니다. 그러나 여전히 일반 노드 앱에서 이 오류가 발생합니다.

현재 노드 응용 프로그램에도 동일한 문제가 있습니다. 나는 socket.io의 내장 서버를 사용하고 브라우저에서는 잘 작동하는 것 같지만 노드 앱 socket.io-client에서는 위와 동일한 503 xhr 폴링 오류가 발생합니다. 동일한 컴퓨터에서 서버와 클라이언트를 실행하고 있지만 클라이언트 응용 프로그램에서 루프백 또는 로컬 네트워크 주소에 연결할 수 없습니다. socket.io 및 socket.io-client 1.7.3 버전을 사용하고 있습니다.

노드에서 실행할 때 버전 2.0.1 (클라이언트 및 서버)에서도 이 오류가 표시됩니다.

일주일 전에 리팩토링하여 문제를 해결했지만 정확히 무엇이 문제를 해결했는지 기억나지 않습니다. 죄송합니다. 나는 바쁜 한 주를 보냈고 그것이 초기 커밋이었습니다.

클라이언트에서 opts.transports 를 websocket 로만 설정할 수 있습니다.

io.connect(url, { transports: ['websocket'] }); // default is ['polling', 'websocket']

코드를 리팩토링하기 전에 너무 복잡한 소켓 및 작업 바인딩 논리가 있었습니다. 따라서 코드의 소켓 논리가 작동하는지 확인하고 디버그를 더 간단하게 만드십시오.

운송해 보겠습니다. 지금은 1.7.4로 다운그레이드했으며 모두 작동하는 것 같습니다.

예, 2.0.1에서 1.7.4로 버전을 낮추었습니다.

그래서 2.0.1 로 다시 업그레이드했고 웹 소켓 전송만 사용하도록 클라이언트를 설정했습니다. 그것은 (거의) 작동합니다:

io(`localhost:8080`, {
    transports: [ 'websocket' ],
    upgrade: false
});

이제 내 유일한 문제는 웹 작업자 범위에 대해 websocket 전송이 중단되었다는 것입니다. 나는 문제를 식별하고 engine.io-client 에 해당 문제를 열었다고 생각합니다. https://github.com/socketio/engine.io-client/issues/569

오류가 발생했습니까? 디버그를 활성화한 상태에서 실행할 수 있습니까? ( DEBUG=engine* )

react-native와 관련하여 https://github.com/socketio/socket.io-client/issues/1114에 링크될 수 있습니다

@darrachequesne 그래서 그냥 내 서버 측 클라이언트 구성 요소에서 기본 전송으로 되돌렸습니다. 내 실수는 ... 투표 전송은 확실히 나를 위해 일하고 있습니다. 내가 가진 문제는 로컬 개발자에 대한 자체 서명 SSL 인증서와 관련된 것입니다. 작동하려면 socket.io 구성에 rejectUnauthorized: process.env.NODE_ENV === 'production' 를 추가해야 했습니다. 그렇지 않으면 503 받고 있었습니다.

그러나 웹 작업자 문제는 현실입니다. socketio/engine.io-client#569

이 시도

require('socket.io-client')('http://localhost', {
  rejectUnauthorized:   false,
})

감사합니다 시도해보겠습니다
------ 원본 메시지-----
보낸 사람: Zetsin [email protected]
받는 사람: "socketio/socket.io-client" [email protected]
참조: Wangzhiqiang [email protected] , 댓글 [email protected]
제목: Re: [socketio/socket.io-client] 디버거가 있을 때 XHR 폴링 오류가 나타남(#1097)
날짜: 2017년 5월 20일 16:22

이 시도
require('socket.io-client')('http://localhost', {
거부 권한 없음: 거짓,
})

—
당신이 댓글을 달았기 때문에 이것을 받는 것입니다.
이 이메일에 직접 답장하거나 GitHub에서 보거나 스레드를 음소거하세요.

같은 문제가 있습니다. 그런 다음 클라이언트 코드를 다음으로 변경합니다.

require('socket.io-client')('wss://myserver:port/ws', { transports: ['websocket'], rejectUnauthorized: false });

하지만 지금은 404 오류 응답을 받습니다. 로그에 내 요청 URL에 추가 /socket.io/ 추가된 것으로 표시됩니다.

 { Error: unexpected server response (404)
       at ClientRequest._req.on (/Users/chris/Projects/nationsky/mgmt-server/backend/node_modules/ws/lib/WebSocket.js:650:26)
       at emitOne (events.js:115:13)
       at ClientRequest.emit (events.js:210:7)
       at HTTPParser.parserOnIncomingClient [as onIncoming] (_http_client.js:564:21)
       at HTTPParser.parserOnHeadersComplete (_http_common.js:116:23)
       at TLSSocket.socketOnData (_http_client.js:453:20)
       at emitOne (events.js:115:13)
       at TLSSocket.emit (events.js:210:7)
       at addChunk (_stream_readable.js:252:12)
       at readableAddChunk (_stream_readable.js:239:11)
     type: 'error',
     target:
      WebSocket {
        domain: null,
        _events: [Object],
        _eventsCount: 4,
        _maxListeners: undefined,
        readyState: 0,
        bytesReceived: 0,
        extensions: {},
        protocol: '',
        _binaryType: 'arraybuffer',
        _finalize: [Function: bound finalize],
        _finalizeCalled: false,
        _closeMessage: null,
        _closeTimer: null,
        _closeCode: null,
        _receiver: null,
        _sender: null,
        _socket: null,
        _ultron: null,
        protocolVersion: 13,
        _isServer: false,
        url: 'wss://myserver:port/socket.io/?access_token=HnbtDUEWu1i1HVrAn-DO9YOL6GZxoittWAf8Sz_RR0s&EIO=3&transport=websocket',
        _req: [Object] } } }

나를 위해 디버거가 존재하지 않아도 나타납니다.

안녕! Node.js 앱에서 서버로 연결하는 동안 동일한 문제가 발생했습니다. 제 코드는 다음과 같습니다.

const socket = require('socket.io-client')('https://domain.com')

DEBUG=engine* npm run dev 실행한 로그는 다음과 같습니다.

engine.io-client:socket creating transport "polling" +2s
engine.io-client:polling polling +1ms
engine.io-client:polling-xhr xhr poll +0ms
engine.io-client:polling-xhr xhr open GET: https://domain.com/socket.io/?EIO=3&transport=polling&t=LzBM71r&b64=1 +0ms
engine.io-client:polling-xhr xhr data null +0ms
engine.io-client:socket setting transport polling +1ms
engine.io-client:socket socket error {"type":"TransportError","description":503} +7ms
engine.io-client:socket socket close with reason: "transport error" +0ms
engine.io-client:polling transport not open - deferring close +0ms

브라우저에서 https://domain.com/socket.io/socket.io.js 연결하려고 하면 작동하고 io('https://domain.com') 도 사용하므로 주석의 지침을 따르고 내 코드를 다음과 같이 변경했습니다.

const socket = require('socket.io-client')('https://domain.com', { rejectUnauthorized: false })

그리고 작동했지만 이상합니다. Let's Encrypt의 유효한 인증서가 있습니까? 아니면 정상입니까? 어쨌든 .. websocket 이외의 다른 연결을 피하기 위해 transports 옵션(주석에서도)을 추가했으며 결국 코드는 다음과 같습니다.

const socket = require('socket.io-client')('https://domain.com', {
  transports: ['websocket'],
  rejectUnauthorized: false
})

덕분에 @ibrahimduran 및 @SupremeTechnopriest : 미소를 :

Tarzan처럼 썼다면 죄송합니다 :sweat_smile: 영어로 작업 중입니다 하하

나는이 문제가 있었고 이것에 대해 2 시간을 보냈습니다. 옵션을 올바르게 지정하는 것뿐입니다. 이를 지정하는 방법은 다음과 같습니다.

   let socketClient = socketIOClient.connect(`http://localhost:3001`,{ // [1] Important as fuck 
      reconnectionDelay: 1000,
      reconnection:true,
      reconnectionAttempts: 10,
      transports: ['websocket'],
      agent: false, // [2] Please don't set this to true
      upgrade: false,
      rejectUnauthorized: false
   });

[1] http 또는 https 를 사용할지 지정하지 않으면 기본값은 https 입니다. 또는 당신은 같은 URL 후 포트를 오른쪽으로 지정 해달라고 경우 "URL. co.kr에서 : 포트 "프로토콜에 따라 80 또는 443에 기본값을. options 개체에서 옵션으로 지정된 포트가 있는 일부 stackoverflow 답변을 보았습니다. 코드를 살펴보니 그런 옵션이 없습니다. URL에 포트를 포함해야 합니다.

[2] 또한 에이전트를 true로 설정했는데 ws 연결 설정에 실패했고 오류가 없었고 단순히 시간 초과되었습니다. 에이전트를 전혀 지정하지 마십시오. 기본값은 false입니다.

@ teja42 2일 동안 이 문제를 해결하려고 했습니다. 나는 그것이 webpack과의 번들 문제라고 생각했지만 당신의 솔루션은 훌륭하게 작동했습니다. 감사 해요!

안녕 !

나는 같은 문제가 있었고 @SupremeTechnopriest가 말한대로 2.0.1에서 1.7.4로 다운 그레이드를 수정했으며 모든 것이 잘 작동합니다!

감사 !

안녕하세요, Android 8.1에서 여전히 이 문제가 발생합니다.

의사 코드:
```
this.socket = io.connect('https://xxxxxxxxxxxxxx', {
경로: '/소켓 채널',
재연결 지연: 1000,
재연결: 사실,
재연결 시도: 10,
전송: ['웹 소켓'],
에이전트: 거짓,
업그레이드: 거짓,
거부 권한 없음: 거짓
});

this.socket.on('연결', () => {
console.log('소켓이 연결되었습니다!')
})
this.socket.on('connect_error', (오류) => {
console.log('소켓 연결 오류 --> ' + err);
})

```
응용 프로그램은 'connection_error' 이벤트로 이동하고 "오류: websocket 오류"를 기록합니다.

"반응 네이티브": "0.57.4",
"socket.io-client": "1.7.4"

어떤 제안?

응용 프로그램은 'connection_error' 이벤트로 이동하고 "오류: websocket 오류"를 기록합니다.

같은 문제에 직면

    "react-native": "https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz",
    "engine.io-client": "~3.3.2",
    "socket.io-client": "2.1.1",

동일한 문제에 직면하고 있습니다. 업데이트가 있습니까?

+1

소켓 서버의 origins 때문에 이 문제가 발생했습니다.
이제 출처를 추가하는 방법은 무엇입니까?

안녕 모두. 그래서 노드 익스프레스 서버에 PM2 클러스터를 사용하고 redis 어댑터를 사용하고 있습니다.

const redis = require('socket.io-redis') 
io.adapter(redis(config.redis))

브라우저 클라이언트의 경우 이것은 괜찮아 보이지만 socket.io-client의 경우 다음을 얻습니다.

{ Error: xhr post error
    at XHR.Transport.onError (/home/user/Desktop/nodeclienttest/node_modules/engine.io-client/lib/transport.js:67:13)
    at Request.<anonymous> (/home/user/Desktop/nodeclienttest/node_modules/engine.io-client/lib/transports/polling-xhr.js:111:10)
    at Request.Emitter.emit (/home/user/Desktop/nodeclienttest/node_modules/component-emitter/index.js:133:20)
    at Request.onError (/home/user/Desktop/nodeclienttest/node_modules/engine.io-client/lib/transports/polling-xhr.js:311:8)
    at Timeout._onTimeout (/home/user/Desktop/nodeclienttest/node_modules/engine.io-client/lib/transports/polling-xhr.js:258:18)
    at listOnTimeout (timers.js:327:15)
    at processTimers (timers.js:271:5) type: 'TransportError', description: 400 }
{ Error: xhr poll error
    at XHR.Transport.onError (/home/user/Desktop/nodeclienttest/node_modules/engine.io-client/lib/transport.js:67:13)
    at Request.<anonymous> (/home/user/Desktop/nodeclienttest/node_modules/engine.io-client/lib/transports/polling-xhr.js:130:10)
    at Request.Emitter.emit (/home/user/Desktop/nodeclienttest/node_modules/component-emitter/index.js:133:20)
    at Request.onError (/home/user/Desktop/nodeclienttest/node_modules/engine.io-client/lib/transports/polling-xhr.js:311:8)
    at Timeout._onTimeout (/home/user/Desktop/nodeclienttest/node_modules/engine.io-client/lib/transports/polling-xhr.js:258:18)
    at listOnTimeout (timers.js:327:15)
    at processTimers (timers.js:271:5) type: 'TransportError', description: 400 }

웹 소켓 전송을 사용하도록 클라이언트 코드를 변경하면 모두 제대로 작동합니다.

var socket = require("socket.io-client")("http://localhost:8080", { transports: ['websocket'] });

문제는 이 코드를 모든 클라이언트 코드에 변경하도록 요구하고 싶지 않다는 것입니다.

내 권장 사항은 xhr 폴링 전송이 실패하는 경우 웹 소켓 전송을 시도하도록 socket.io-client를 변경하는 것입니다. 어떻게 생각해?

다음과 같이 github에서 마지막 버전을 시도하고 RN android 문제를 해결했습니다.

npm i socketio/engine.io-client#3.3.2 -S

건배

이 솔루션이 약간 이상하게 들릴 것이라는 것을 알고 있지만 이 오류를 인터넷 검색하여 여기까지 왔습니다.

제 경우에는 서버가 실행되지 않았기 때문에 이 문제가 발생했습니다(그렇다고 생각했습니다). 그것이 다른 누군가를 돕기를 바랍니다 :)

이 시도

require('socket.io-client')('http://localhost', {
  rejectUnauthorized:   false,
})

감사합니다. 노드 응용 프로그램에서 내 서버에 연결하는 데 문제가 있었습니다. 이 솔루션은 저에게 효과적이었습니다.

이 시도

require('socket.io-client')('http://localhost', {
  rejectUnauthorized:   false,
})

감사합니다. 노드 응용 프로그램에서 내 서버에 연결하는 데 문제가 있었습니다. 이 솔루션은 저에게 효과적이었습니다.
안녕하세요, 어떤 버전의 socket.io와 socket.io-client를 사용하고 있는지 궁금합니다.

이 시도

require('socket.io-client')('http://localhost', {
  rejectUnauthorized:   false,
})

감사합니다. 노드 응용 프로그램에서 내 서버에 연결하는 데 문제가 있었습니다. 이 솔루션은 저에게 효과적이었습니다.
안녕하세요, 어떤 버전의 socket.io와 socket.io-client를 사용하고 있는지 궁금합니다.

버전 2.3.0에서 socket.io와 socket.io-client를 모두 사용하고 있습니다.

안녕하세요, Android 8.1에서 여전히 이 문제가 발생합니다.

의사 코드:

this.socket = io.connect('https://xxxxxxxxxxxxxx', { 
     path: '/socketchannel', 
     reconnectionDelay: 1000,
     reconnection:true,
     reconnectionAttempts: 10,
     transports: ['websocket'],
     agent: false, 
     upgrade: false,
     rejectUnauthorized: false
   });

this.socket.on('connect', () => {
     console.log('socket connected!')
   })
this.socket.on('connect_error', (err) => {
     console.log('socket connected error --> ' + err);
   })

응용 프로그램은 'connection_error' 이벤트로 이동하고 "오류: websocket 오류"를 기록합니다.

"반응 네이티브": "0.57.4",
"socket.io-client": "1.7.4"

어떤 제안?

같은 문제입니다. 해결하시겠습니까?

도메인 이름을 사용하여 문제를 해결합니다.