Socket.io-client: react-native에서 socket.io-client를 통해 연결할 수 없습니다.

Looks like this is react-native's issue. 이것은 react-native의 문제인 것 같습니다. Earlier versions of RN seem to work with socket.io, but 0.0.57 does not. 이전 버전의 RN은 socket.io에서 작동하는 것처럼 보이지만 0.0.57에서는 작동하지 않습니다. Closing. 폐쇄.

Try "socket.io-client": "2.0.4" "socket.io-client": "2.0.4"를 시도하십시오.
This may be socket.io bug 이것은 socket.io 버그일 수 있습니다.

Try "socket.io-client": "2.0.4" "socket.io-client": "2.0.4"를 시도하십시오.
This may be socket.io bug 이것은 socket.io 버그일 수 있습니다.

Yes it does work. 예, 작동합니다.

RN 0.52 및 socket.io-client 2.0.4에서 여전히 이 문제에 직면하고 있습니다.

@noahprince22 can you please share your configuration ? @noahprince22 구성을 공유해 주시겠습니까?
I am currently using this and the issue still persist. 나는 현재 이것을 사용하고 있으며 문제는 여전히 지속됩니다.

"react-native": "0.55.4",
"react": "16.3.1",
"socket.io-client": "^2.0.4",
"socket.io: "^2.2.0" //server side

any workaround? 어떤 해결 방법?

socket.io team please, this should work with RN, is a socket.io bug. socket.io 팀 제발, 이것은 RN과 함께 작동해야 합니다. socket.io 버그입니다.

Hi @ningacoding , I managed to get it working with this configuration 안녕하세요 @ningacoding , 이 구성으로 작동하도록 관리했습니다.

"react-native": "0.55.4",
"react": "16.3.1",
"socket.io-client": "^2.0.4",
"socket.io: "^1.0.0" //server side

In your react-native app use this 반응 네이티브 앱에서 이것을 사용하십시오.

const socket = io(BASE_URL, {
    secure: true,
    transports: ['websocket'],
  });

"react-native": "0.58.6", "반응 네이티브": "0.58.6",
"react": "16.6.3", "반응": "16.6.3",
"socket.io-client": "^2.0.4", "socket.io-client": "^2.0.4",

Not working for me 나를 위해 일하지 않는다

any solution? 어떤 해결책? I'm facing the same thing 나는 같은 일에 직면하고있다

I have long since stopped working on the project that I was having this issue with. 이 문제가 발생한 프로젝트에서 작업을 중단한 지 오래입니다. If I remember correctly, I downgraded react-native to "solve' the problem. 내가 올바르게 기억한다면 문제를 "해결"하기 위해 반응 네이티브를 다운그레이드했습니다.

Experiencing the same issue, has there been a fix yet? 같은 문제가 발생했는데 아직 해결되지 않았습니까? Anyone find any workarounds to implementing sockets in React Native? 누구든지 React Native에서 소켓을 구현하는 해결 방법을 찾았습니까?

@russellgoldman I had problems with RN 0.60.5 and socket.io. @russellgoldman RN 0.60.5 및 socket.io에 문제가 있었습니다. Release build did not connect to the server. 릴리스 빌드가 서버에 연결되지 않았습니다.

None of socket.io versions worked with RN 0.60.5: I tried versions 2.0.4, 2.1.1, 2.2.0. socket.io 버전은 RN 0.60.5에서 작동하지 않았습니다. 버전 2.0.4, 2.1.1, 2.2.0을 사용해 보았습니다.

Downgrading to RN 0.59.10 solved my problem. RN 0.59.10으로 다운 그레이드하면 내 문제가 해결되었습니다.

Hi @anttirauh and @russellgoldman , 안녕하세요 @anttirauh 및 @russellgoldman ,
I tried with RN 0.59.10 and Socket 2.0.4, but its not connecting on release build. RN 0.59.10 및 소켓 2.0.4로 시도했지만 릴리스 빌드에서 연결되지 않았습니다.
Can you please help me? 제발 날 좀 도와 줄 수 있니?

@Ramesh21071993 socket.io를 버전 2.1.1로 업그레이드해야 한다고 생각합니다.

@anttirauh , i tried with all these versions socket io (2.0.4, 2.1.1, 2.2.0) and react-native versions (0.60, 0.59.10, 0.59.4) @anttirauh , 나는이 모든 버전의 소켓 io (2.0.4, 2.1.1, 2.2.0) 및 반응 네이티브 버전 (0.60, 0.59.10, 0.59.4)으로 시도했습니다.
In server side also socket io 2.0.4. 서버 측에서도 소켓 io 2.0.4.
still that same issue sir, 여전히 같은 문제입니다 선생님,

But it works on RN 0.55.4 그러나 RN 0.55.4에서 작동합니다.

@Ramesh21071993 My understanding (which is formed with heavy googling and own testing) is that: @ Ramesh21071993 내 이해 (많은 인터넷 검색 및 자체 테스트로 구성됨)는 다음과 같습니다.

• socket.io stopped working with react-native about around RN version 0.57.4 socket.io는 RN 버전 0.57.4 주변에서 반응 네이티브 작업을 중단했습니다.
• socket.io or some other component was fixed later and I managed to get it working with version combo: RN 0.59.10 + socket.io 2.1.1 socket.io 또는 일부 다른 구성 요소는 나중에 수정되었으며 버전 콤보: RN 0.59.10 + socket.io 2.1.1에서 작동하도록 관리했습니다.
• RN version 0.60.x is not working with any version of socket.io RN 버전 0.60.x는 어떤 버전의 socket.io에서도 작동하지 않습니다.

So my advice is only: try one time more with RN 0.59.10 and socket.io 2.1.1 and make sure that you clear build folder before building. 그래서 제 조언은: RN 0.59.10 및 socket.io 2.1.1로 한 번 더 시도하고 빌드하기 전에 빌드 폴더를 지웠는지 확인하십시오. And remove node_modules before yarn/npm. 그리고 yarn/npm 앞에 node_modules를 제거하십시오.

@anttirauh Sir, below is my package.json. @anttirauh 선생님, 아래는 내 package.json입니다. I did as what you told. 말씀하신대로 했습니다. But nothing happen. 하지만 아무 일도 일어나지 않습니다. I remove build folder and node modules and again i install. 빌드 폴더와 노드 모듈을 제거하고 다시 설치합니다.
Please help me on this to work, Past one month am trying 이 작업을 도와주세요. 지난 한 달 동안 노력하고 있습니다.

App package.json 앱 패키지.json

{ {
"name": "Track", "이름": "트랙",
"version": "0.0.1", "버전": "0.0.1",
"private": true, "비공개": 사실,
"scripts": { "스크립트": {
"start": "node node_modules/react-native/local-cli/cli.js start", "시작": "노드 node_modules/react-native/local-cli/cli.js 시작",
"test": "jest" "테스트": "농담"
}, },
"dependencies": { "종속성": {
"react": "16.8.3", "반응": "16.8.3",
"react-native": "0.59.10", "반응 네이티브": "0.59.10",
"socket.io": "2.1.1" "socket.io": "2.1.1"
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "^7.6.2", "@babel/core": "^7.6.2",
"@babel/runtime": "^7.6.2", "@babel/runtime": "^7.6.2",
"babel-jest": "^24.9.0", "바벨 농담": "^24.9.0",
"jest": "^24.9.0", "농담": "^24.9.0",
"metro-react-native-babel-preset": "^0.56.0", "metro-react-native-babel-preset": "^0.56.0",
"react-test-renderer": "16.8.3" "반응 테스트 렌더러": "16.8.3"
}, },
"jest": { "농담": {
"preset": "react-native" "사전 설정": "반응 네이티브"
} }
} }

Server Package.json 서버 패키지.json

{ {
"name": "TRACK-Socket", "이름": "트랙 소켓",
"version": "0.0.1", "버전": "0.0.1",
"dependencies": { "종속성": {
"amqplib": "^0.5.1", "amqplib": "^0.5.1",
"config": "^3.2.2", "구성": "^3.2.2",
"express": "^4.15.3", "익스프레스": "^4.15.3",
"socket.io": "^2.1.1", "socket.io": "^2.1.1",
"ws": "^7.1.2" "ws": "^7.1.2"
} }
} }

Thanks 감사해요

Finally found a solution for React Native >= 0.60 after a couple of coffees and digging deep into engine.io - additional to a version conflict (with RN) there seems to be an issue with passing in the URI. 마지막으로 몇 잔의 커피를 마시고 engine.io를 깊이 파고든 후 React Native >= 0.60에 대한 솔루션을 찾았습니다. 버전 충돌(RN과의)에 추가로 URI를 전달하는 데 문제가 있는 것 같습니다. When I pass an URI into socketIO, it gets turncated to the host and 'socket.io' appened. URI를 socketIO에 전달하면 호스트로 전환되고 'socket.io'가 추가됩니다. So socketIO("https://foo.bar/my/endpoint/socket.io") will lead to socketIO trying to connect to https://foo.bar/socket.io without showing it in the logs when throwing the xhr pull / socket error. 따라서 socketIO("https://foo.bar/my/endpoint/socket.io") 는 xhr pull / socket 오류를 던질 때 로그에 표시하지 않고 https://foo.bar/socket.io 에 연결을 시도하는 socketIO로 이어집니다.

Here we go, how to get socket.io running on current versions of React Native : 현재 버전의 React Native에서 socket.io를 실행하는 방법은 다음과 같습니다.

• use socket.io-client version _2.1.1_ socket.io-client 버전 _2.1.1_ 사용

// package.json
{
  "dependencies": {
     "socket.io-client": "2.1.1"
   }
}

• when setting up the client, define a host and a path 클라이언트를 설정할 때 호스트 와 경로를 정의하십시오.

const socket = socketIO('https://your.host.com/', {
  path: '/path/to/socket.io/'
})

• and suddenly everything works as smooth as planed 갑자기 모든 것이 계획대로 원활하게 작동합니다.

Hope to have saved you the time I spent on this issue 😆 이 문제에 소요한 시간을 절약할 수 있기를 바랍니다 😆

@rastapasta , i got an error like “ CLEARTEXT communication not permitted by network security policy ”, @rastapasta , " 네트워크 보안 정책에 의해 허용되지 않는 CLEARTEXT 통신 "과 같은 오류가 발생했습니다.

Please tell me what to do 어떻게 해야할지 알려주세요

@Ramesh21071993 if you can't use your endpoint via https (please consider it), add their hostnames to the exception lists. @Ramesh21071993 https를 통해 엔드포인트를 사용할 수 없는 경우(고려하십시오) 호스트 이름을 예외 목록에 추가하십시오.

for iOS: https://stackoverflow.com/a/30732693 iOS용: https://stackoverflow.com/a/30732693
for Android: https://stackoverflow.com/a/50834600 안드로이드용: https://stackoverflow.com/a/50834600

Sir, I tried that also but not able to do. 선생님 저도 해봤는데 안되네요. If you don't mind can you please give me any demo source files 괜찮으시다면 데모 소스 파일을 주세요.
For long time I struck with this. 오랫동안 나는 이것에 부딪쳤다.

Am using ip and port sir ip 및 포트를 사용하고 있습니다 선생님

위 문서 의 지시를 따르고 이 구현을 조정하십시오:

import socketIO from 'socket.io-client'
const socket = socketIO('http://8.8.8.8:3000/', {
  path: '/your/path/to/socket.io/'
  reconnectionDelay: 1000,
  reconnection: true,
  reconnectionAttempts: Infinity,
  jsonp: false
})

socket.on('connect', () => console.log('connected'))
socket.on('error', console.error)
socket.on('connect_error', console.error)

선생님, 서버 측에서 socket io 2.1.1을 사용하고 있습니다. 괜찮습니까 아니면 변경해야 할 사항이 있습니까?

@Lizhooh rn에서 whazzup을 찾는 해키 방법: node_modules engine.io-client/blob/master/lib/transports/ 에서 self.onError console.log(err) 를 원숭이 패치 polling-xhr.js #L131

@Ramesh21071993 Is your issue resolved? @Ramesh21071993 문제가 해결되었습니까? I am facing the same issue. 나는 같은 문제에 직면 해있다. Tried everything mentioned in above comments. 위의 의견에서 언급한 모든 것을 시도했습니다.

@rastapasta I followed what you have suggested above. @rastapasta 위에서 제안한 내용을 따랐습니다. My socket connection happens and then immediately disconnects. 내 소켓 연결이 발생한 다음 즉시 연결이 끊어집니다. I get timeout error infinitely. 시간 초과 오류가 무한히 발생합니다. However, whenever I click on some component which makes a network call, the socket connects and immediately disconnects. 그러나 네트워크 호출을 수행하는 일부 구성 요소를 클릭할 때마다 소켓이 연결되고 즉시 연결 해제됩니다. If I don't do any network call after first socket disconnect, it would stay in the same state. 첫 번째 소켓 연결 해제 후 네트워크 호출을 수행하지 않으면 동일한 상태로 유지됩니다. Please, could you help? 도와주시겠어요?

socket = io('http://IP:31515', { 소켓 = io('http://IP:31515', {
path: '/socketio', //I have given this is the path in my socket server as well as my kubernetes ingress file to route to that port path: '/socketio', //이것은 내 소켓 서버의 경로와 해당 포트로 라우팅하기 위한 내 kubernetes 수신 파일입니다.
transports: ['websocket'], 전송: ['웹 소켓'],
reconnectionDelay: 1000, 재연결 지연: 1000,
reconnection: true, 재연결: 사실,
reconnectionAttempts: Infinity, 재연결 시도 횟수: 무한대,
// timeout: 30000, // 시간 초과: 30000,
jsonp: false jsonp: 거짓
}); });

things that I have tried: 내가 시도한 것들 :

1. removing and adding transports option 전송 옵션 제거 및 추가
   2.removing and add timeout 2. 타임아웃 제거 및 추가
2. removing all parameters except path 경로를 제외한 모든 매개변수 제거
3. adding pingTimeout and pingInterval in server socket configuration 서버 소켓 구성에 pingTimeout 및 pingInterval 추가
4. removing path from server and client and only keeping it in my kubernetes ingress file to route to that deployment/pod. 서버 및 클라이언트에서 경로를 제거하고 해당 배포/포드로 라우팅하기 위해 내 kubernetes 수신 파일에만 유지합니다.

Note: the same server and kubernetes conf work for any node.js socket client as well as my react js web app. 참고: 동일한 서버 및 kubernetes conf는 모든 node.js 소켓 클라이언트와 반응 js 웹 앱에서 작동합니다. I am only facing this issue for React Native app in debug as well as release mode. 디버그 및 릴리스 모드에서 React Native 앱에 대해서만 이 문제에 직면하고 있습니다.

누구든지 위의 문제에 대해 아무 생각이 있습니까?

@calqlum123 @calqlum123
Please make sure to 반드시 확인해주세요

• add your host to the transport exception list (s. here ) 전송 예외 목록에 호스트를 추가하십시오( 여기 ).
• try it without manually defining the transports 전송을 수동으로 정의하지 않고 시도하십시오.
• monkey patch the console.log (s. here ) and check the error 원숭이는 console.log(s. here )를 패치하고 오류를 확인합니다.

Can anyone please share a complete working example for both client and server? 누구든지 클라이언트와 서버 모두에 대한 완전한 작업 예제를 공유할 수 있습니까? Because this is confusing. 이것은 혼란스럽기 때문입니다.

@Unforgiven-wanda @용서받지 못한 완다

foodsharing.network 's socket io: foodsharing.network 의 소켓 io:

• server @ https://gitlab.com/foodsharing-dev/foodsharing/blob/master/chat/server.js 서버 @ https://gitlab.com/foodsharing-dev/foodsharing/blob/master/chat/server.js
• react native client @ https://github.com/rastapasta/foodsharing/blob/master/src/sagas/websocket.tsx 반응 네이티브 클라이언트 @ https://github.com/rastapasta/foodsharing/blob/master/src/sagas/websocket.tsx

I am using "react-native": "0.61.5" and "socket.io-client": "^2.1.1", "react-native": "0.61.5" 및 "socket.io-client": "^2.1.1"을 사용하고 있습니다.

below is my code 아래는 내 코드입니다

const socket = SocketIOClient('http://192.168.0.101:1234',{reconnect: true}); socket.connect(); socket.once("connect", () => { console.log("[CLIENT] Connected to remote server, identificating."); // this.sendIdentification(); }); socket.on('connect', () => { console.log('connected to socket server'); });

The code is not able to connect to the server and I am also looking for the solution. 코드가 서버에 연결할 수 없으며 솔루션을 찾고 있습니다. I don't want to downgrade my react-native version. 반응 네이티브 버전을 다운그레이드하고 싶지 않습니다.

you must add this code in application tag 애플리케이션 태그에 이 코드를 추가해야 합니다.
like below in AndroidManifest.xml AndroidManifest.xml에서 아래와 같이
. . . . . .

I am using "react-native": "0.61.5" and "socket.io-client": "^2.1.1", "react-native": "0.61.5" 및 "socket.io-client": "^2.1.1"을 사용하고 있습니다.

below is my code 아래는 내 코드입니다

const socket = SocketIOClient('http://192.168.0.101:1234',{reconnect: true}); socket.connect(); socket.once("connect", () => { console.log("[CLIENT] Connected to remote server, identificating."); // this.sendIdentification(); }); socket.on('connect', () => { console.log('connected to socket server'); });

The code is not able to connect to the server and I am also looking for the solution. 코드가 서버에 연결할 수 없으며 솔루션을 찾고 있습니다. I don't want to downgrade my react-native version. 반응 네이티브 버전을 다운그레이드하고 싶지 않습니다.

Can you try "ws://192.168.0.101:1234", instead of " http://192.168.0.101 :1234" " http://192.168.0.101 :1234" 대신 "ws://192.168.0.101:1234"를 시도할 수 있습니까?

@Unforgiven-wanda React Native의 예가 여기에 추가되었습니다. https://github.com/socketio/socket.io/tree/master/examples/react-native

반응 네이티브에서 "socket.io-client": "^3.0.4"에 연결할 수 없습니다.

@chiragpurohit71085 have you checked the example there: https://github.com/socketio/socket.io/tree/master/examples/react-native? @chiragpurohit71085 https://github.com/socketio/socket.io/tree/master/examples/react-native에서 예제를 확인하셨습니까?

I think that this is a problem of URL, could you please check if your server is reachable at http://192.168.x.y:z ? 이것은 URL의 문제라고 생각합니다. http://192.168.x.y:z 에서 서버에 연결할 수 있는지 확인해 주시겠습니까?