Web2App Sample

호출1. 설치 방법

Web2App Sample 설치 경로 접속 - 설치 및 실행 방식은 App2App Sample 과 동일.

url: https://drive.google.com/file/d/14D_ggm6M3OcqCGztiply3-MLKlDntWfx/view

2. 프로젝트 구성

3. 연동 방식

호출 그림

• WebView에 웹 페이지를 띄워 Web to App 통신 후에 기존 샘플처럼 App to App 통신하는 방식.

webView.getSettings().setJavaScriptEnabled(true);

// WebView의 설정을 가져와 JavaScript를 활성화합니다. 
// 이를 통해 HTML 파일 내의 JavaScript 코드가 실행될 수 있습니다.

WebAppInterface webAppInterface = new WebAppInterface(context);

// Web과 App 간에 통신을 위한 인터페이스 객체를 생성합니다. 
// 이 객체를 통해 JavaScript와 안드로이드 앱 간 상호작용이 가능해집니다. 

webView.addJavascriptInterface(webAppInterface, "AndroidBridge");

// WebAppInterface를 WebView에 추가하여 JavaScript에서 "AndroidBrdige"라는 명칭을 통해 
// 안드로이드의 기능을 호출합니다. 

webView.loadUrl("file:///android_asset/kisagent_sample.html");

// WebView에 띄울 JavaScript 파일의 경로를 설정합니다. 
// 위 경로로 설정해야 한다는 의미 X, 단순 예시. 

AndroidBridge.sendMessageToNative(jsonString);

// Android로 보낼  데이터들을 json화 해서 전송.

public class WebAppInterface {
        private Context context;
        public WebAppInterface(Context context){
            this.context = context;
        }
        @JavascriptInterface
        // @JavascriptInterface를 통해 JavaScript에서 호출할 수 있는 메서드를 지정합니다.
        // 그로 인해 JavaScript에서는 sendMessageToNative 함수 호출이 가능합니다. 
        public void sendMessageToNative(String msg) throws JSONException {
            // 웹에서 보낸 메시지를 처리
            JSONObject jsonObject = new JSONObject(msg);
            // web에서 보낸 데이터가 JSON 형태이므로 JSON으로 변환해주는 작업 진행.
            // ~~
            // 데이터 파싱 부 - 프로젝트 참조
            // ~~
            // 데이터 파싱 후에는 App to App Sample과 동일하게 진행.
        }
}