모바일 Native에서 웹뷰 웹소켓 이벤트 못받는 이슈

지금 내가 만든 시스템은 React로 웹/모바일을 제공하고 있다.

모바일은 웹뷰를 띄워서 제공을 하고 있다.

 

모바일 팀은 React Native로 만들었고, 우리 앱을 클릭하면 웹뷰로 띄우주는 구조이다.

 

앱의 구조는 아래와 같다.

물론 빌드하면 모바일로 접속했을때 모바일 리소스만 로딩해야하기 때문에 빌드는 웹/모바일이 분리되어 있다.

 

이 구조에서 모바일 서비스도 지원하라고 해서 급한대로 웹뷰를 지원했다.

그런데 웹소켓이 동작 안해서 확인해보니

 

웹소켓 연결은 PlatForm에서 로그인 할때 하는데,

모바일에서는 React Native로 자체적으로 만들어져 있고, 로그인한 후 그 세션을 가지고 플랫폼 로그인 처리를 해서

플랫폼 로그인 로직이 안타고 그 결과 웹소켓연결도 안하는게 문제였다.

 

만약 기존 상태에서 웹소켓이 정상 동작하려면 아래와 같이 로직을 짜야한다.