85. (TWOK/LOGIC) [Mobile] 모바일 웹뷰 (webview) 앱 네이티브 로딩 프로그레스 동작 명령 수행 브릿지 통신 로직

---

[로직 정리]

​

정리 로직 : Mobile

​

상태 : [Mobile] 모바일 웹뷰 (webview) 앱 네이티브 로딩 프로그레스 동작 명령 수행 브릿지 통신 로직

 

---

[설 명]

 

// --------------------------------------------------------------------------------------
[사전) 설정 및 정보 확인 사항]
// --------------------------------------------------------------------------------------

- 웹 특정 URL 을 로드 하기 위한 웹뷰 클래스 생성 필요

- 사전 기능 동작 협의를 위해 인터페이스 정의 필요

- 네이티브 로딩 프로그레스 동작 UI 유틸 파일 및 클래스 생성 필요

// --------------------------------------------------------------------------------------






// --------------------------------------------------------------------------------------
[로직 설명]
// --------------------------------------------------------------------------------------

1. 안드로이드 기준) 웹뷰에서 로드 시 사전 자바스크립트 허용 및 브릿지 통신 경로 지정 실시

  >> webview.getSettings().setJavaScriptEnabled(true); // [자바 스크립트 허용]

  >> main_webview.addJavascriptInterface(new AndroidBridge(), "android"); // [android 라는 특정 브릿지 통신 명칭 / AndroidBridge 브릿지 통신 클래스 생성 필요]



2. 안드로이드 기준) 웹뷰 브릿지 통신을 위한 JavascriptInterface 클래스 지정 실시 (Web >> App 호출 받기 위함)

    class AndroidBridge {
 
        // ----------------------------------------------------------       
        // [자바스크립트에서 호출하는 안드로이드 메소드]
        // ---------------------------------------------------------- 
        // [Web To App : window.android.showLoadingProgress("START or STOP");]
        // ---------------------------------------------------------- 
        @JavascriptInterface
        public void showLoadingProgress(final String arg) {
            js_handler.post(new Runnable() {
                public void run() {
                    try {
                        
                    }
                    catch (Exception e){
                        e.printStackTrace();
                    }
                }
            });
        }

    }



3. 안드로이드 기준) 웹 스크립트에서 특정 페이지 전환 및 HTTP 요청 수행 전) 앱 네이티브 로딩 프로그레스 바가 필요한 경우 START 브릿지 호출 수행 실시

  >> Web To App : window.android.showLoadingProgress("START");

  >> 앱 네이티브에서는 해당 브릿지 통신 함수로 명령이 내려온 경우 로딩 프로그레스 동작 UI 활성 수행 실시



4. 안드로이드 기준) 웹 스크립트에서 특정 페이지 전환 완료 및 HTTP 요청 완료 시 >> 앱 네이티브 로딩 프로그레스 종료 STOP 브릿지 호출 수행 실시

  >> Web To App : window.android.showLoadingProgress("STOP");

  >> 앱 네이티브에서는 해당 브릿지 통신 함수로 로딩 프로그레스 동작 종료 명령이 내려온 경우 UI 로딩 화면 GONE 처리 수행


// --------------------------------------------------------------------------------------






// --------------------------------------------------------------------------------------
[참고 사이트]
// --------------------------------------------------------------------------------------

[안드로이드 웹뷰 유틸 클래스]

https://blog.naver.com/kkh0977/222680670897?trackingCode=blog_bloghome_searchlist


[기본 브릿지 통신 소스 코드]

https://blog.naver.com/kkh0977/222359952926?trackingCode=blog_bloghome_searchlist

// --------------------------------------------------------------------------------------

---