라이믹스 모바일 어플리케이션 (Flutter Hybrid App)

소개

라이믹스 전용 하이브리드 모바일 어플리케이션입니다.

단순한 웹뷰 래핑이 아닙니다. Flutter 기반으로 네이티브와 웹의 경계를 지우는 진짜 하이브리드 앱입니다.

하나의 프로젝트로 안드로이드 + 아이폰 모두 지원하며, 라이믹스 코어와 정석으로 통신하여 세션을 유지하고, 리치 푸시 알림부터 네이티브 기능 호출까지 지원합니다.

핵심 기술 아키텍처

1. Native-Web 세션 브릿지

앱과 웹(PHP) 사이의 로그인 상태를 완벽하게 동기화합니다.

• App → Web: 앱 실행 시 device_token(FCM), appOS(android/ios), appVersion, is_rambo_app=Y 쿠키를 자동 주입
• Web → App: 웹에서 로그인 시 PHP가 발급한 device_key와 member_srl을 Flutter가 캡처하여 SharedPreferences에 안전하게 백업
• 자동 로그인: 페이지 로딩 완료 시(onLoadStop) JS Handler로 웹의 로그인 상태를 확인하고, 세션이 만료되었지만 로컬에 device_key가 있으면 procMemberLoginWithDevice를 호출하여 자동 복원

앱을 종료했다 다시 켜도, 브라우저 캐시가 날아가도, 로그인이 유지됩니다.

2. 고급 푸시 알림 시스템

Firebase Cloud Messaging(FCM)과 Local Notifications를 결합한 하이브리드 푸시입니다.

• 토픽 구독: global_all 토픽으로 전체 회원 대상 공지 발송 가능
• 리치 푸시: 페이로드에 이미지 URL이 포함되면 자동 다운로드 후 BigPictureStyle(Android) / Attachment(iOS)로 이미지 포함 알림 표시
• 딥링크 라우팅: 알림을 탭하면 url 페이로드를 파싱하여 해당 게시글/페이지로 즉시 이동
• 백그라운드 처리: 앱이 꺼져 있어도 firebaseMessagingBackgroundHandler가 알림을 처리

라이믹스 알림센터와 연동되므로, 알림센터에서 설정한 커스텀 알림도 푸시로 받을 수 있습니다.

3. 네이티브 수준의 UI/UX

웹뷰인데 웹뷰 같지 않은, 네이티브 앱과 구분되지 않는 경험을 제공합니다.

• Edge-to-Edge: SystemUiOverlayStyle로 안드로이드 시스템 바 색상을 웹 앱의 하단 탭바와 일치시켜 경계 없는 디자인
• 더블 패딩 방지: is_rambo_app=Y 쿠키를 감지하면 웹 CSS에서 하단 패딩을 자동으로 0으로 설정. SafeArea와 웹 UI 사이에 빈 공간이 생기지 않습니다
• 키보드 대응: resizeToAvoidBottomInset: false로 키보드가 올라와도 웹뷰 레이아웃이 밀리거나 깨지지 않습니다
• 당겨서 새로고침: Pull-to-Refresh 기본 지원
• 엣지 스와이프: 왼쪽 화면 가장자리에서 오른쪽으로 스와이프하면 뒤로가기 동작

4. 스마트 URL 라우팅 & Intent 처리

웹뷰 내 모든 트래픽을 shouldOverrideUrlLoading으로 인터셉트하여 의도에 맞게 분기합니다.

• 내부 링크: 사이트 도메인은 앱 내 웹뷰에서 처리하되, HTTP 접속 시 HTTPS로 자동 강제 전환
• 외부 링크: 사이트 외부 URL은 시스템 기본 브라우저로 열기
• 커스텀 스킴: intent://, kakaolink://, bandapp:// 등은 해당 네이티브 앱을 실행하고, 미설치 시 마켓으로 유도
• 기본 스킴: tel:, mailto:, sms:, market: 등은 OS 기본 앱으로 처리
• Google 인프라: 구글 로그인, 애드센스 등 인프라 도메인은 웹뷰 내에서 허용하되, YouTube나 Google Docs 등 사용자 서비스는 외부로 분리

5. 네이티브 기능 통합

웹에서 네이티브 기능을 자연스럽게 호출할 수 있습니다.

• 공유하기: ramboapp://share 커스텀 스킴으로 OS 네이티브 공유 시트를 호출. 제목과 URL을 함께 전달
• 위치 권한: 웹페이지가 위치 정보를 요청할 때만 permission_handler로 동적 권한 팝업 표시 (불필요한 사전 요청 없음)
• 앱 버전 체크: package_info_plus로 앱 버전을 가져와 appVersion 쿠키에 자동 반영. 서버에서 앱 버전별 분기 처리 가능

기술 스택

안정성 & 검증

• 로그아웃 시 로컬에 저장된 인증 데이터(device_key, member_srl)를 자동 클리어하여 보안 유지
• WidgetsBindingObserver로 앱 생명주기를 감시하고, 백그라운드에서 복귀 시 인증 상태를 재검증
• Rhymix/XE의 request_uri HTTP→HTTPS 불일치 문제를 JS 주입으로 자동 교정 (_forceRhymixHttpsVars)
• 대형 커뮤니티 운영 환경에서 검증된 안정성

이런 분께 추천합니다

• 라이믹스로 커뮤니티를 운영하면서 앱을 출시하고 싶으신 분
• 모바일 웹을 그대로 앱으로 만들고 싶은데, “웹뷰 티”가 나는 건 싫으신 분
• 푸시 알림으로 회원 재방문율을 높이고 싶으신 분
• 앱 개발에 시간을 쏟기보다 모바일 웹에만 집중하고 싶으신 분

모바일 웹을 업데이트하면 앱도 자동으로 업데이트됩니다. 앱 심사를 다시 받을 필요 없이, 웹만 수정하면 됩니다.

가격

처음 만드시는 분은 출시 및 케어 옵션만 가능합니다. 세팅의 완성도를 위해 직접 세팅해드립니다.
아이폰 출시까지 신청 후 최대 1개월이 걸릴 수 있습니다.

구매 후 1년간 지원드립니다.

데모 & 구매

• 기술 소개 페이지: https://bjrambo.com/flutter
• 어플리케이션 신청: https://bjrambo.com/request_app
• 안드로이드 앱: Google Play에서 “주택(jootek)” 검색
• 아이폰 앱: App Store에서 “주택(jootek)” 검색

출시 시 사용할 이미지와 문구만 준비해주세요. 나머지는 전부 도와드리겠습니다.