Socket.io-client: a versão 2.2 não funciona com o react nativo

teve o mesmo problema em ambas as plataformas (simulador) 2.1.1, ele só funciona com a ativação do depurador.

Eu também estou enfrentando esse problema. Eu atualizei para ver se isso corrige meu primeiro problema de latência de conexão.

Eu também estou enfrentando o mesmo. edição

Reverter para 2.1.1 funciona para mim.

Eu ainda estou enfrentando o mesmo problema de reverter 2.1.1 também não está funcionando para mim.

Deve ser corrigido em https://github.com/socketio/engine.io-client/pull/607.

@benhjames você poderia confirmar que sua correção corrigiu o problema no React Native?

Sim, atualmente estou executando [email protected] (que puxou [email protected] ) no React Native sem problemas.

Vale a pena verificar se seu engine.io-client é 3.3.2, pois contém a correção React Native para websockets. 😃

@benhjames @darrachequesne eu usei socket. [email protected] (que puxou [email protected]) e também verificar as mudanças em node_modules ainda, não está funcionando para mim.

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

exportar a classe padrão HomeScreen extends React.Component {
construtor (adereços) {
super (adereços);
this.socket = io ('ws: //192.168.0.107: 8080 / endpoint', {
reconexão: verdadeiro,
reconnectionDelay: 500,
jsonp: false,
tentativas de reconexão: Infinity,
transportes: ['websocket']
});
this.socket.on ('connect_error', (err) => {
console.log (err)
});
}
`

Estou recebendo o erro abaixo:
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

Isso me parece que o ponto de extremidade está incorreto - deve ser um link de protocolo http ou https , não ws one. 👍

@benhjames Eu tentei anteriormente com a API WebSocket https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API e estava funcionando perfeitamente bem com o mesmo protocolo.

socket.io (ao contrário da API WebSocket) só aceita um URI de protocolo HTTP (S) para o cliente ( consulte a documentação aqui ), mas _utiliza_ o protocolo WS nos bastidores.

Portanto, se você fizer io('http://192.168.0.107:8080/endpoint', ...) , deve funcionar!

@benhjames, obrigado pela atualização!

Acho que ws:// deve funcionar corretamente, mas /endpoint significa que você deseja se conectar ao namespace do endpoint (que é a implementação atual, a partir de v2.x). Você pode querer usar:

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

@darrachequesne Eu tentei a implementação acima, mas ainda não está funcionando.

Talvez seja útil ver a aparência do código do servidor SocketIO, apenas para ter certeza de que está usando o namespace e as configurações corretas, etc. 🙂

Está funcionando perfeitamente bem com a API WebSocket, mas quando tento me conectar com a API Socket.io, recebo um erro como abaixo:

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>

Se funcionar com a API WebSocket sem lógica personalizada para desserializar cargas úteis de socket.io, isso significa que o servidor não está usando socket.io.

Existe alguma chance de você fornecer algum código do servidor para verificar se é esse o caso?

@benhjames Isso mesmo, estamos usando https://docs.oracle.com/javaee/7/api/javax/websocket/package-summary.html para código de back-end.

Isso explica tudo então! O Socket.io precisa ser usado _both_ no cliente e no servidor para funcionar. 👍

@benhjames @darrachequesne Agora estou usando socket.io no backend, está funcionando bem no frontend com vanilla javascript usando socket.io, mas quando tento conectar socket.io através do React Native estou recebendo o erro:

Vanilla JS (funcionando perfeitamente bem):

`` `