From df4558e5c0246eef82dad7686a36581970197969 Mon Sep 17 00:00:00 2001 From: JANGHYUNn Date: Wed, 1 Nov 2023 09:47:00 +0900 Subject: [PATCH] =?UTF-8?q?=EC=9B=B9=EC=86=8C=EC=BC=93=20=EB=93=9C?= =?UTF-8?q?=EB=A1=A0=EA=B5=90=ED=86=B5=EA=B4=80=EB=A6=AC=20=ED=8E=98?= =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=99=B8=20=EB=81=8A=EA=B8=B0=EC=A7=80=20?= =?UTF-8?q?=EC=95=8A=EB=8D=98=20=ED=98=84=EC=83=81=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/websocket/WebsocketClient.js | 30 +++++++++++++-------- 1 file changed, 19 insertions(+), 11 deletions(-) diff --git a/src/components/websocket/WebsocketClient.js b/src/components/websocket/WebsocketClient.js index b5cac196..24cd1b17 100644 --- a/src/components/websocket/WebsocketClient.js +++ b/src/components/websocket/WebsocketClient.js @@ -1,11 +1,13 @@ import React, { useEffect, useState, useRef } from 'react'; import { VscLoading } from 'react-icons/vsc'; import { useDispatch, useSelector } from 'react-redux'; +import { useHistory } from 'react-router-dom'; import { WS_HOST } from '../../configs/constants'; import * as Actions from '../../modules/control/gp/actions/controlGpAction'; const WebsocketClient = () => { const dispatch = useDispatch(); + const history = useHistory(); const reConnectionTime = 5000; //5초 const [isConnection, setIsConnection] = useState(false); @@ -31,21 +33,27 @@ const WebsocketClient = () => { websocket.current.onmessage = e => { const data = e.data; const controlGpList = JSON.parse(data); - + console.log(data); dispatch(Actions.controlGpAction.request(controlGpList)); }; - websocket.current.onclose = event => { - timeout.current = setTimeout(function () { - connect(); - }, reConnectionTime); + // 웹소켓 끊키는 현상 있을시 주석 해제 + // websocket.current.onclose = event => { + // console.log('??????'); + // if (history.location.pathname === '/control') { + // timeout.current = setTimeout(function () { + // connect(); + // }, reConnectionTime); - if (event.wasClean) { - console.log('[Websocket Close] Connection Close'); - } else { - console.log('[Websocket Close] Connection Error'); - } - }; + // if (event.wasClean) { + // console.log('[Websocket Close] Connection Close'); + // } else { + // console.log('[Websocket Close] Connection Error'); + // } + // } else { + // websocket.current.close(); + // } + // }; }; { /* socket_off = 클래스명 변경시 빨간색! 접속이 원할하지않을때 */