REACT_NATIVE · 제품 제작

Potion GTR

기존 GTR 모바일 웹을 Android와 iOS 앱으로 연결한 React Native 서비스

제품 이야기

월드 오브 워크래프트 공격대 관리 앱

Potion GTR은 월드 오브 워크래프트 공격대 모집과 신청을 처리하던 모바일 서비스입니다.

기존 모바일 웹을 Android와 iOS 앱으로 옮기고 로그인 세션, 푸시 알림, 딥링크가 앱 안에서 이어지도록 구성했습니다.

웹에서 요청한 기기 등록과 다크 모드 설정을 앱이 처리하고, 알림을 누르면 해당 모집 화면으로 이동하도록 연결했습니다.

제품이 작동하는 구조

WoW 공격대 모집 웹을 앱에서 보고 알림으로 다시 들어오는 이용자

01GTR 모바일 웹

02React Native 셸

03PHP 세션

04FCM 토큰

05딥링크

06모집 상세 URL

기존 모바일 웹을 앱으로 확장

화면과 PHP 세션은 유지하면서 배포, 푸시와 딥링크를 React Native 셸에 더했습니다.

알림을 기존 상세 URL로 연결

네이티브 상세를 따로 만들지 않고 알림 URL을 WebView에 전달했습니다.

기존 GTR 모바일 웹을 React Native 앱 안에서 실행했습니다. 로그인과 화면 이동이 앱에서도 끊기지 않도록 연결했습니다.

FCM 알림을 누르면 해당 공격대 모집 화면이 바로 열립니다. 아래 두 화면은 당시 코드와 공식 아트를 바탕으로 다시 구성했습니다.

담당 범위: React Native 앱 · Android·iOS 배포 · WebView 연동 · 푸시 알림 · 딥링크 · 로그인 세션 유지
참여 기간: 2022.07 – 2023.01 · 약 6개월
제품 환경: REACT_NATIVE
현재 상태: 서비스 종료 · 기능은 Discord로 이전
확인 자료: 출시 기록 · 공식 아트 · 앱 저장소 · 재구성 화면

구현 범위 자세히 보기