[Android] WebView란?

안드로이드 웹뷰는 안드로이드 앱 안에 웹 브라우저 엔진을 포함하는 컴포넌트입니다. 

이 컴포넌트를 사용하면 안드로이드 앱에서 웹 콘텐츠를 표시하고, 웹 페이지와 상호작용할 수 있습니다. 

이는 다양한 사용 사례를 가능하게 하며, 예를 들면 다음과 같은 상황에서 유용합니다

 

 

1. 웹뷰의 역할

안드로이드 웹뷰는 안드로이드 애플리케이션 내에서 웹 콘텐츠를 표시하고 웹 페이지와 상호작용할 수 있게 하는 컴포넌트입니다. 이는 안드로이드 애플리케이션의 확장성과 다양성을 높이는 데 기여하며, 다음과 같은 주요 역할을 수행합니다.

 

• 웹페이지 표시: 웹뷰를 통해 안드로이드 애플리케이션은 웹페이지를 렌더링하고 사용자에게 보여줄 수 있습니다.
• 상호작용: 웹뷰를 통해 사용자는 웹 페이지와 상호작용할 수 있으며, 클릭, 입력, 폼 제출, 그리고 다른 웹 기반 기능을 활용할 수 있습니다.
• 내장 브라우저: 웹뷰는 내장된 브라우저 엔진을 사용하므로, 사용자는 외부 브라우저로 이동하지 않고도 웹 콘텐츠를 볼 수 있습니다.

 

2. 웹뷰의 구조

웹뷰의 구조는 안드로이드 시스템 내에 웹 렌더링 엔진을 내장하는 방식으로 구성됩니다. 대표적인 웹 렌더링 엔진으로는 Chromium, WebKit, 그리고 Gecko 등이 있으며, 안드로이드 플랫폼에 내장된 렌더링 엔진을 통해 웹페이지를 렌더링하게 됩니다.

 

• Webview Container: 웹뷰를 표시하는 컨테이너 역할을 합니다. 안드로이드 XML 레이아웃 파일을 통해 웹뷰를 앱의 레이아웃에 추가할 수 있습니다.
• Web Settings: 웹뷰는 웹 콘텐츠 표시에 대한 설정을 관리하는 WebSettings 객체를 제공합니다. 이를 통해 JavaScript 활성화, 쿠키 관리, 사용자 에이전트 설정 등을 제어할 수 있습니다.
• WebViewClient: WebViewClient는 웹뷰에서 발생하는 네트워크 요청 및 페이지 이동을 가로채고 처리하는 역할을 합니다.
• WebChromeClient: WebChromeClient는 웹뷰에서 JavaScript 경고, 진행 상황 알림, 파일 선택 다이얼로그 등을 처리합니다.

 

3. 웹뷰의 사용 사례

웹뷰는 다양한 사용 사례에 활용됩니다. 몇 가지 주요 사용 사례는 다음과 같습니다.

 

• 하이브리드 앱 개발: 안드로이드 앱 내에서 네이티브 기능과 웹 기능을 통합하는 하이브리드 앱을 개발할 때 웹뷰가 주로 사용됩니다.
• 광고 표시: 광고 서비스를 통합하고 광고를 웹뷰로 표시할 때 사용됩니다.
• 웹 기반 애플리케이션 포팅: 기존의 웹 기반 애플리케이션을 안드로이드 앱으로 포팅하는 경우, 해당 애플리케이션을 웹뷰를 이용해 표시할 수 있습니다.
• 로그인 및 인증: 웹뷰를 사용하여 사용자 로그인 및 인증 절차를 안드로이드 앱 내에서 처리할 수 있습니다.

 

4. 웹뷰 사용해보기

 

안드로이드 스튜디오에서 프로젝트를 열고, XML 레이아웃 파일에 웹뷰를 추가합니다.

 

<WebView
    android:id="@+id/webview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
/>

 

2. 웹뷰 설정하기

앱에서 웹뷰를 사용하기 전에 설정을 추가해야 합니다. 웹뷰에서 JavaScript를 활성화하거나 사용자 에이전트를 설정하는 등 다양한 옵션을 사용할 수 있습니다.

 

WebView webView = (WebView) findViewById(R.id.webview);
webView.getSettings().setJavaScriptEnabled(true);

 

3. 웹페이지 띄우기

이제 웹뷰에 웹페이지를 로드할 수 있습니다.

 

webView.loadUrl("https://www.example.com");

 

4. 웹뷰 이벤트 처리

웹뷰에서 발생하는 이벤트를 처리하고, 사용자와 상호작용합니다. 예를 들어, 웹뷰에서 링크를 클릭하거나 폼을 제출할 때 이벤트 핸들러를 추가할 수 있습니다.

 

webView.setWebViewClient(new WebViewClient() {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);
        return true;
    }
});

 

웹뷰 예제 코드

아래는 간단한 안드로이드 웹뷰 앱의 예제 코드입니다. 이 예제는 웹뷰를 초기화하고 구글 홈페이지를 로드하는 간단한 앱을 보여줍니다.

 

import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import androidx.appcompat.app.AppCompatActivity;

public class WebViewActivity extends AppCompatActivity {

    private WebView webView;

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

        webView = (WebView) findViewById(R.id.webview);
        webView.getSettings().setJavaScriptEnabled(true);

        webView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }
        });

        webView.loadUrl("https://www.google.com");
    }
}

 

이렇게 웹뷰를 사용하여 안드로이드 앱에서 웹 콘텐츠를 표시하고 상호작용하는 방법을 알아보았습니다. 웹뷰는 다양한 웹 기반 기능을 안드로이드 앱에 통합하는 데 사용될 수 있는 강력한 도구입니다.