웹뷰 기반 모바일 앱 브릿지 연동

한국에서는 웹뷰 기반으로 구성된 모바일 앱이 많습니다. 플레어레인은 그러한 특성을 반영하여 웹뷰 기반 앱을 위한 다양한 편의 기능을 제공하고 있으며, 플레어레인은 웹뷰 기반 앱을 위한 브릿지 코드를 제공합니다.
웹뷰 기반 모바일 앱의 문제점
웹뷰 기반 모바일 앱에서는, 모바일 앱과 웹사이트가 분리된 환경이기 때문에 웹에서 일어난 행동을 앱에서 알 수 없다는 단점이 있습니다.
이를 해결하기 위해 웹뷰 내 일어난 행동이 앱에도 동일하게 전파될 수 있도록 브릿지 코드가 필요합니다. 그리고 플레어레인은 이러한 브릿지 코드를 직접 개발하여 제공하는 유일한 솔루션입니다.
﻿
브릿지 코드 연동 순서
1. Web SDK 연동
유저 행동이 일어나는 주된 플랫폼이 웹사이트이므로, 웹뷰에서 현재 띄우고 있는 웹사이트에 플레어레인 Web SDK인 Javascript SDK﻿ 를 연동합니다.
2. Mobile SDK 내 브릿지 코드 추가
사용 중인 웹뷰에 플랫폼별 플레어레인이 제공하는 브릿지 클래스를 추가합니다.
Android
Kotlin
Java
webview.addJavascriptInterface(
	FlareLaneJavascriptInterface(context),
	FlareLaneJavascriptInterface.BRIDGE_NAME
)
webview.addJavascriptInterface(
	FlareLaneJavascriptInterface(context),
	FlareLaneJavascriptInterface.BRIDGE_NAME
)
﻿
iOS
Swift
ObjectiveC
webView.configuration.userContentController.add(
	FlareLaneJavascriptInterface(), 
	name: FlareLaneJavascriptInterface.BRIDGE_NAME
)
webView.configuration.userContentController.add(
	FlareLaneJavascriptInterface(), 
	name: FlareLaneJavascriptInterface.BRIDGE_NAME
)
﻿
3. Web SDK로 고객 데이터 연동
모든 연동이 완료되었다면 웹뷰 내 실행된 다음 함수들은 모바일 앱 기기를 기준으로 실행이 됩니다.
setUserId
trackEvent
setTags
displayInApp
﻿
Flutter SDK
URL 자동 처리 비활성화