적용 가이드

[1단계] 웹 Short-form 적용하기

Short-form을 서비스하기 위해 웹 연동이 우선 진행되어야 합니다. Short-form 웹 연동을 위해 다음 링크를 참고해 주세요.

[2단계] 네이티브 코드 적용하기

고객사 웹 Activity에 아래 코드를 추가하세요.

구현은 ShopLiveShortform.connectBridgeInterface(activity, webView) ShopLiveShortform.receiveBridgeInterface(webView) 만 설정하시면 관련 기능 수행은 자동으로 연결됩니다. Handler

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    
    webView.settings.domStorageEnabled = true // Required
    webView.settings.javaScriptEnabled = true // Required

    ShopLiveShortform.connectBridgeInterface(this, webView) // Required
    ShopLiveShortform.receiveBridgeInterface(webView) // Required
    
    webView.webViewClient = object : WebViewClient() {
        ...
        // Required
        override fun doUpdateVisitedHistory(view: WebView?, url: String?, isReload: Boolean) {
            super.doUpdateVisitedHistory(view, url, isReload)
            ShopLiveShortform.updateVisitedHistory(view, url, isReload)
        }
        ...
    }
    
    // Optional
    ShopLiveShortform.setReceiveHandler(object : ShopLiveShortformReceiveHandler() {
        override fun onEvent(context: Context, command: String, payload: String?) {
            // Do something
        }

        override fun onError(context: Context, error: ShopLiveCommonError) {
            // Do something
        }

        override fun onShare(context: Context, data: ShopLiveShortformShareData) {
            // Do something
        }
        
        override fun onCreate() {
            // Do something
        }
  
        override fun onDestroy() {
            // Do something
        }
    })
}