oneSignal 연동시 서비스워커 트러블슈팅

oneSignal 이란?

웹, 모바일에서 푸쉬 알림 기능을 제공해주는 서비스이자 플랫폼 입니다.

서비스 워커란?

간단하게 브라우저에서 백그라운드(브라우저가 꺼져도)로 실행할 수 있도록 해주는 js 로 작성된 파일입니다.
개발자 도구에 애플리케이션에 서비스워커를 보면 브라우저에서 등록되는 서비스워커를 볼 수 있습니다.

트러블 슈팅

필자는 PWA 와 oneSignal 연동시 oneSignal 에 푸쉬알림이 오지 않고 버튼이 정상동작하지 않는 문제가 있었다.
처음에는 oneSignal 설치를 잘못한 줄 알고 재설치만 10번은 반복했는데,,, 서비스워커 문제였다.
PWA 에 서비스워커와 oneSignal에 서비스워커가 서로 충돌하는 문제였고 서비스워크를 독자적으로

분리해서 별도로 등록될 수 있도록 하였다.
oneSignal 에서는 콘솔에서 Typcial site 를 선택하여 Base 경로를 변경할 수 있고 거기서 PWA 와 다른 경로로 분리해서 처리해주면 서비스워커가 둘 다 등록되는 것을 확인할 수 있다.