최근에 webSocket을 사용하는 애플릿으로 IOT 프로젝트를 진행하고 있었습니다. 이번 기회에 연결 해제 및 재연결, 하트비트 감지 등을 포함하여 uniapp 애플릿에 적합한 Socket 클래스를 캡슐화했습니다. 구현은 다음과 같습니다.

캡슐화된 소켓 클래스를 직접 인스턴스화하고 initSocket을 호출하여 초기화합니다. 메시지가 수신되면 글로벌 $emit 이벤트를 트리거하고 $on을 사용하여 메시지 이벤트를 수신 대기합니다.

저는 작동 전 홈페이지의 onShow 라이프사이클에서 소켓 인스턴스가 현재 초기화되었는지 확인하기 위해 globalData에 전역 변수 socketObj를 정의했습니다.

home.vue

연결이 끊어지면 자동으로 다시 연결됩니다.

이 정보가 도움이 되었다면 @pendo11997110103을 팔로우해 주세요.

끝

이전 게시물

개인 홈