[Android] webView 사용하기

최근들어 실무에서 안드로이드 앱을 사용할 일(샘플앱을 구현해서 feasibility 확인)이 많아져서 차근차근 살펴보고 있는데 드디어 webView가 나왔다. 이런저런 상황에서 언제나 webView로 화면을 띄운다는 등 말들이 나와서 궁금했던 차에 잘 되었다 싶었다.

 

그냥 activity_main.xml에서 <WebView>만 설정해 주면 되는 것이었다. 이렇게 간단하다고?

진작에 앱 공부 좀 해놓을 것을 그랬다.

 

 

1. activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

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

</LinearLayout>

WebView 항목을 추가해준다.

 

 

2. MainActivity.java

package com.example.webviewexample;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {

    private WebView webView;
    private String url = "http://www.naver.com";

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

        webView = (WebView) findViewById(R.id.webView); // xml의 webview 연결
        webView.getSettings().setJavaScriptEnabled(true); // javascript 허용
        webView.loadUrl(url); // 처음에 특정 url을 열어라
        webView.setWebChromeClient(new WebChromeClient()); // 구글크롬 세팅
        webView.setWebViewClient(new WebViewClientClass()); // 일반 브라우저 세팅
    }

    // webView의 뒤로가기를 가능하게 하는 method
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && webView.canGoBack()) {
            webView.goBack();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }

    // 현재 page의 url을 읽어오는 method
    private class WebViewClientClass extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
    }
}

 

 

3. AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">

    <!-- webView를 위한 권한 허용 -->
    <uses-permission android:name="android.permission.INTERNET"/>

    <application
        android:allowBackup="true"
        android:dataExtractionRules="@xml/data_extraction_rules"
        android:fullBackupContent="@xml/backup_rules"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/Theme.WebViewExample"
        android:usesCleartextTraffic="true"
        tools:targetApi="31">
        <activity
            android:name=".MainActivity"
            android:exported="true">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

AndroidManifest에 permission 설정을 해줘야한다.  원래는 android.permission.internet 권한을 추가해 주면 끝났는데...

<uses-permission android:name="android.permission.INTERNET"/>

android api level 28부터는 아래처럼 추가 작업을 해줘야 한다.

android:usesCleartextTraffic="true"

 

 

<테스트 결과>