Socket.io-client: версия 2.2 не работает с React Native

возникла та же проблема на обеих платформах (симуляторе) 2.1.1, работает только при включении отладчика.

Я тоже столкнулся с этой проблемой. Я обновился, чтобы посмотреть, решит ли он мою первую проблему с задержкой подключения.

Я тоже сталкиваюсь с тем же. проблема

Возврат на 2.1.1 у меня работает.

Я все еще сталкиваюсь с той же проблемой, что и 2.1.1 тоже не работает для меня.

Это должно быть исправлено https://github.com/socketio/engine.io-client/pull/607.

@benhjames, не могли бы вы подтвердить, что ваше исправление

Да, в настоящее время я использую [email protected] (который вытащил [email protected] ) на React Native без проблем.

Стоит убедиться, что ваш engine.io-client равен 3.3.2, поскольку он содержит исправление React Native для веб-сокетов. 😃

@benhjames @darrachequesne Я использовал сокет. [email protected] (который вытащил [email protected]), а также проверьте изменения в node_modules, у меня это не работает.

`импортировать io из 'socket.io-client';

экспорт класса по умолчанию HomeScreen расширяет React.Component {
конструктор (реквизит) {
супер (реквизит);
this.socket = io ('ws: //192.168.0.107: 8080 / конечная точка', {
переподключение: правда,
RenectionDelay: 500,
jsonp: ложь,
повторное подключениеПопытки: Бесконечность,
транспорт: ['websocket']
});
this.socket.on ('connect_error', (err) => {
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 one. 👍

@benhjames Я ранее пробовал использовать WebSocket API https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API, и он отлично работал с тем же протоколом.

socket.io (в отличие от WebSocket API) принимает только URI протокола HTTP (S) для клиента ( см. документацию здесь ), но за кулисами _использует_ протокол 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>

Если он работает с API WebSocket без специальной логики для десериализации полезной нагрузки socket.io, это означает, что сервер не использует socket.io.

Есть ли шанс предоставить какой-нибудь код с сервера, чтобы проверить, так ли это?

@benhjames Правильно, мы используем https://docs.oracle.com/javaee/7/api/javax/websocket/package-summary.html для внутреннего кода.

Тогда это все объясняет! Socket.io необходимо использовать как на клиенте, так и на сервере. 👍

@benhjames @darrachequesne Теперь я использую socket.io в бэкэнде, он отлично работает в интерфейсе с ванильным javascript с помощью socket.io, но когда я пытаюсь подключить socket.io через React Native, я получаю сообщение об ошибке:

Vanilla JS (работает отлично):

`` ''