조니웹
메뉴
Flutter × Rhymix Hybrid

웹을 넘어 앱으로,
하이엔드 하이브리드
경험

단순한 웹뷰 래핑이 아닙니다. PHP 세션 브릿지, FCM 리치 푸시, 네이티브 UI 동기화까지 — 라이믹스 커뮤니티를 진짜 앱으로 만듭니다.

flutter_inappwebview firebase_messaging permission_handler share_plus package_info_plus
핵심 아키텍처 보기 코드 미리보기
9:41
조니웹
BJRambo
방금 전
개발자K
3분 전
조니웹 커뮤니티
새 댓글이 달렸습니다
"플러터 브릿지 정말 잘 작동하네요!"
홈
게시판
글쓰기
3 알림
MY
세션 브릿지
Edge-to-Edge
Architecture

5가지 핵심 아키텍처

웹뷰 래핑 앱과는 차원이 다릅니다. 네이티브와 웹의 경계를 지우는 5가지 기술 축.

Session Bridge

앱 실행 시 device_token, appOS, appVersion을 쿠키로 주입. 웹 로그인 시 PHP가 발급한 device_key를 캡처하여 SharedPreferences에 백업하고, 세션 만료 시 JS Handler로 자동 복원합니다.

Cookie Sync | Auto Login | JS Handler

Advanced Push

FCM 토픽 구독(global_all)으로 전체 발송. 이미지 URL 페이로드 감지 시 BigPictureStyle(Android) / Attachment(iOS)로 리치 알림, 탭 시 url 딥링크로 즉시 라우팅.

FCM Topic | Rich Push | Deep Link

Seamless UI

SystemUiOverlayStyle로 시스템 바 색상을 웹 탭바와 동기화. is_rambo_app=Y 쿠키로 웹 하단 패딩을 0으로 설정하여 더블 패딩 원천 차단.

Edge-to-Edge | System Bar | adjustPan

Smart Routing

shouldOverrideUrlLoading으로 전체 트래픽 인터셉트. 내부는 HTTPS 강제, 외부는 시스템 브라우저, intent:// kakaolink:// 등은 네이티브로 분기.

HTTPS Force | External | Intent

Native Integration

ramboapp://share 커스텀 스킴으로 OS 공유 시트 호출, permission_handler로 위치 권한 동적 요청, 왼쪽 엣지 스와이프로 뒤로가기.

Share | Geolocation | Edge Swipe

Battle-Tested

resizeToAvoidBottomInset: false로 키보드 레이아웃 깨짐 방지. 로그아웃 시 로컬 인증 데이터 자동 클리어. WidgetsBindingObserver로 앱 복귀 시 상태 재검증.

Keyboard | Logout Guard | Lifecycle
Data Flow

Native ↔ Web 데이터 흐름

1

App → Web

앱 실행 시 appOS, appVersion, device_token, is_rambo_app 쿠키 주입

2

Web → App

웹 로그인 후 PHP가 발급한 device_key + member_srl을 캡처하여 로컬 백업

3

Auto Restore

onLoadStop → getLoginStatus → 세션 만료 시 procMemberLoginWithDevice로 자동 복원

Code Preview

핵심 코드, 한눈에

InAppWebView 코어 구조부터 쿠키 동기화까지. 실제 프로덕션 코드에서 발췌했습니다.

main.dart — build() 

				

			


			

				

					
					
					
					main.dart — _setDeviceTokenCookie()
				

				

					

				

			

		



		
		

			

				

					
				

				

					
왜 이 구조인가?

					

						resizeToAvoidBottomInset: false가 없으면
						키보드가 올라올 때 웹뷰가 리사이즈되면서 모달과 하단 UI가 깨집니다.
						is_rambo_app=Y 쿠키로
						웹 CSS의 하단 패딩을 0으로 만들면 SafeArea와의 더블 패딩이 사라지고,
						SystemUiOverlayStyle로
						시스템 바 색상을 맞추면 앱과 웹의 경계가 완전히 사라집니다.
					

				

			

		

	









	

		

			당신의 커뮤니티도

			앱으로 만들 수 있습니다
		

		

			라이믹스 기반 사이트라면 어디든. 검증된 하이브리드 아키텍처로 빠르게 앱을 구축해드립니다.
		

		

			
				 문의하기
			
			
				 메인으로