[Android JAVA] WebView - Local HTML : Native 데이터 통신

앞에 포스팅을 보면서 WebView 세팅을 해주기 바란다.

 

Local HTML 파일 까지는 어떻게 열었는데 버튼 이벤트시 Native 내장 기능이 필요해졌다. 

자바스크립트와 안드로이드 네이티브를 이용하여 아래 기능을 구현해봤다.

HTML > Native : Toast 메세지

Natvie > HTML : return을 통한 데이터를 HTML 화면 출력

 

MainActvity.java

package com.saii.webview;

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.JavascriptInterface;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    public WebView mWebView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mWebView = (WebView) findViewById(R.id.wv_main);

        WebSettings webSettings = mWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);

        mWebView.addJavascriptInterface(new Object() {
            @JavascriptInterface
            public String showToast(String keyword) {
                Toast.makeText(MainActivity.this, keyword + " 키워드 입력" , Toast.LENGTH_LONG).show();
                String param1 = keyword + " return android - Saii";
                return param1;
            }
        }, "Saii");
        mWebView.loadUrl("file:///android_asset/index.html");

    }
}

참고

https://github.com/saii42/android/tree/main/example/WebView

GitHub - saii42/android: android

https://developer.android.com/guide/webapps/webview#UsingJavaScript

WebView에서 웹 앱 빌드  |  Web Apps  |  Android Developers