Socket.io-client: la versión 2.2 no funciona con react native

experimentó el mismo problema en ambas plataformas (simulador) 2.1.1, solo funciona con la activación del depurador.

También me enfrento a este problema. Actualicé para ver si soluciona mi primer problema de latencia de conexión.

Yo también me enfrento a lo mismo. asunto

Volver a 2.1.1 funciona para mí.

Todavía tengo el mismo problema al revertir 2.1.1 que tampoco funciona para mí.

Debe solucionarlo https://github.com/socketio/engine.io-client/pull/607.

@benhjames, ¿ podría confirmar que su solución solucionó el problema en React Native?

Sí, actualmente estoy ejecutando [email protected] (que ha extraído [email protected] ) en React Native sin problemas.

Vale la pena verificar para asegurarse de que su engine.io-client sea ​​3.3.2, ya que contiene la corrección React Native para websockets. 😃

@benhjames @darrachequesne He usado socket. [email protected] (que ha ingresado [email protected]) y también verifica los cambios en node_modules aún, no funciona para mí.

`importar io desde 'socket.io-client';

exportar clase predeterminada HomeScreen extiende React.Component {
constructor (apoyos) {
super (accesorios);
this.socket = io ('ws: //192.168.0.107: 8080 / endpoint', {
reconexión: cierto,
retardo de reconexión: 500,
jsonp: falso,
Intentos de reconexión: Infinito,
transportes: ['websocket']
});
this.socket.on ('connect_error', (err) => {
console.log (err)
});
}
'

Recibo el error de la siguiente manera:
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

Me parece que el punto final es incorrecto: debería ser un enlace de protocolo http o https , no un ws uno. 👍

@benhjames Probé anteriormente con WebSocket API https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API y funcionaba perfectamente bien con el mismo protocolo.

socket.io (a diferencia de la API de WebSocket) solo acepta un URI de protocolo HTTP (S) para el cliente ( consulte los documentos aquí ), pero _utiliza_ el protocolo WS detrás de escena.

Entonces, si haces io('http://192.168.0.107:8080/endpoint', ...) , ¡debería funcionar!

@benhjames gracias por la actualización!

Creo que ws:// debería funcionar correctamente, pero /endpoint significa que desea conectarse al espacio de nombres del punto final (esa es la implementación actual, a partir de v2.x). Es posible que desee utilizar:

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

@darrachequesne He intentado la implementación anterior pero todavía no funciona.

Quizás podría ser útil ver cómo se ve el código del servidor SocketIO, solo para asegurarse de que esté usando el espacio de nombres y la configuración correctos, etc. 🙂

Funciona perfectamente bien con la API de WebSocket, pero cuando intento conectarme con la API de Socket.io, aparece un error como se muestra a continuación:

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>

Si funciona con la API de WebSocket sin una lógica personalizada para anular la serialización de las cargas útiles de socket.io, eso implica que el servidor no está usando socket.io.

¿Existe alguna posibilidad de que pueda proporcionar algún código del servidor para verificar si este es el caso?

@benhjames Así es, estamos usando https://docs.oracle.com/javaee/7/api/javax/websocket/package-summary.html para el código backend.

¡Eso lo explica entonces! Socket.io debe usarse tanto en el cliente como en el servidor para que funcione. 👍

@benhjames @darrachequesne Ahora estoy usando socket.io en el backend, está funcionando bien en el frontend con vanilla javascript usando socket.io pero cuando intento conectar socket.io a través de React Native, aparece el error:

Vanilla JS (Funciona perfectamente bien):

''