웹에서 모바일 네이티브 코드 호출하는 방법 알려주세요

Question

모바일 하이브리드 앱을 개발중에 있습니다

 로그인과 푸시 기능을 제외하고 웹뷰에 웹앱url  주소를 로딩하고 있어요

특정 이벤트시에 앱의 네이티브 코드를 호출하고 싶습니다 (android, ios)

웹 코드에서 네이티브 코드릴 호출하는 방법을 알려주세요

Answer 1

안드로이드에서는 WebView의 addJavascriptInterface 를 사용하면 됩니다.  아래 예제 참고하시구요. 더 자세한것은 http://developer.android.com/guide/webapps/webview.html 를 참고하시면 됩니다.

 class JsObject {
    @JavascriptInterface
    public String toString() { return "injectedObject"; }
 }
 webView.addJavascriptInterface(new JsObject(), "injectedObject");
 webView.loadData("", "text/html", null);
 webView.loadUrl("javascript:alert(injectedObject.toString())");

위 예제를 보시면 addJavascriptInterface는 Java의 네이티브코드를 웹코드에서 호출할수 있게 해주고. Java에서 Javascript를 호출할때는 loadUrl을 사용하는 것을 보실수 있습니다.

근데 API19에서는 Java에서 JavaScript를 접근하는 것에 evaluateJavascript 라는 녀석도 생겼네요. 참고하세요.