Socket.io-client: 버전 2.2는 네이티브 반응에서 작동하지 않습니다.

두 플랫폼(시뮬레이터) 2.1.1 모두에서 동일한 문제가 발생했지만 디버거를 켤 때만 작동합니다.

나는 또한이 문제에 직면 해 있습니다. 첫 번째 연결 대기 시간 문제가 해결되는지 확인하기 위해 업그레이드했습니다.

나는 또한 같은 문제에 직면 해 있습니다. 문제

2.1.1로 되돌리는 것이 효과적입니다.

나는 여전히 2.1.1을 되돌려도 작동하지 않는 동일한 문제에 직면하고 있습니다.

https://github.com/socketio/engine.io-client/pull/607에서 수정해야 합니다

@benhjames 수정 사항으로 React Native의 문제가 해결되었는지 확인할 수 있습니까?

네, 현재 React Native에서 문제 없이 [email protected] ( [email protected] 가져옴)을 실행하고 있습니다.

engine.io-client 가 3.3.2인지 확인하는 것이 좋습니다. 여기에는 웹 소켓에 대한 React Native 수정 사항이 포함되어 있기 때문입니다. 😃

@benhjames @darrachequesne 소켓을 사용했습니다. [email protected] ([email protected]를 가져옴) 및 node_modules의 변경 사항을 여전히 확인하지만 작동하지 않습니다.

`'socket.io-client'에서 io 가져오기;

내보내기 기본 클래스 HomeScreen은 React.Component {를 확장합니다.
생성자(소품){
슈퍼(소품);
this.socket = io('ws://192.168.0.107:8080/endpoint',{
재연결: 사실,
재연결 지연: 500,
jsonp: 거짓,
재연결 시도 횟수: 무한대,
전송: ['웹 소켓']
});
this.socket.on('connect_error', (오류) => {
console.log(오류)
});
}
`

아래와 같은 오류가 발생합니다.
Error: websocket error at WS.Transport.onError (transport.js:67) at WebSocket.ws.onerror (websocket.js:157) at WebSocket.dispatchEvent (event-target.js:172) at WebSocket.js:289 at RCTDeviceEventEmitter.emit (EventEmitter.js:190) at MessageQueue.__callFunction (MessageQueue.js:349) at MessageQueue.js:106 at MessageQueue.__guard (MessageQueue.js:297) at MessageQueue.callFunctionReturnFlushedQueue (MessageQueue.js:105) at debuggerWorker.js:72

엔드 포인트와 같은 나에게 외모가 잘못되었다고 - 그것은해야 http 또는 https 프로토콜 링크가 아닌 ws 중 하나입니다. 👍

@benhjames 이전에 WebSocket API https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API로 시도했는데 동일한 프로토콜에서 완벽하게 작동했습니다.

socket.io(WebSocket API와 달리)는 클라이언트에 대한 HTTP(S) 프로토콜 URI만 허용하지만( 여기 문서 참조 ), 배후에서 WS 프로토콜을 _사용_합니다.

따라서 io('http://192.168.0.107:8080/endpoint', ...) 하면 작동합니다!

@benhjames 업데이트 주셔서 감사합니다!

ws:// 가 제대로 작동해야 한다고 생각하지만 /endpoint 는 엔드포인트 네임스페이스(v2.x 현재 구현)에 연결하려는 것을 의미합니다. 다음을 사용할 수 있습니다.

this.socket = io('ws://192.168.0.107:8080', {
  path: '/endpoint',
  reconnection: true,
  reconnectionDelay: 500,
  jsonp: false,
  reconnectionAttempts: Infinity,
  transports: ['websocket']
});

@darrachequesne 위의 구현을 시도했지만 여전히 작동하지 않습니다.

아마도 올바른 네임스페이스와 설정 등을 사용하고 있는지 확인하기 위해 SocketIO 서버 코드가 어떻게 생겼는지 확인하는 것이 유용할 수 있습니다. 🙂

WebSocket API에서는 완벽하게 작동하지만 Socket.io API로 연결하려고 하면 아래와 같은 오류가 발생합니다.

websocket error

Stack trace:
  null:null in WS.Transport.onError
  node_modules/engine.io-client/lib/transports/websocket.js:178:8 in WebSocket.ws.onerror
  node_modules/event-target-shim/lib/event-target.js:172:38 in WebSocket.dispatchEvent
  node_modules/react-native/Libraries/WebSocket/WebSocket.js:289:13 in <unknown>
  node_modules/react-native/Libraries/vendor/emitter/EventEmitter.js:190:32 in RCTDeviceEventEmitter.emit
  node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:349:41 in MessageQueue.__callFunction
  node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:106:11 in <unknown>
  node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:297:8 in MessageQueue.__guard
  node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:105:9 in MessageQueue.callFunctionReturnFlushedQueue
  http://192.168.0.103:19001/debugger-ui/debuggerWorker.js:72:58 in <unknown>

socket.io 페이로드를 직렬화 해제하는 사용자 지정 논리 없이 WebSocket API와 함께 작동하는 경우 서버가 socket.io를 사용하지 않는다는 의미입니다.

이것이 사실인지 확인하기 위해 서버에서 일부 코드를 제공할 수 있는 기회가 있습니까?

@benhjames 맞습니다 . 백엔드 코드에 https://docs.oracle.com/javaee/7/api/javax/websocket/package-summary.html 을 사용하고 있습니다.

그러면 설명이 됩니다! Socket.io가 작동하려면 클라이언트와 서버 _모두_에서 사용해야 합니다. 👍

@benhjames @darrachequesne 이제 백엔드에서 socket.io를 사용하고 있습니다. socket.io를 사용하는 바닐라 자바스크립트로 프론트엔드에서 제대로 작동하지만 React Native를 통해 socket.io를 연결하려고 하면 오류가 발생합니다.

바닐라 JS(Working Perfectly fine) :

```