IDE/Android Studio

[AndroidStudio][Kotlin] WebView로 웹 페이지 안드로이드 앱으로 빌드하기

  • -

웹뷰는 웹 애플리케이션을 안드로이드 어플 내에서 보여주게 하는 webkit 입니다.

html, css, js로 만든 웹 페이지를 마치 앱처럼 사용할 수 있습니다.

WebView 추가

먼저 웹뷰를 사용하려면 인터넷에 관한 권한이 있어야 합니다.

mainfest에서 인터넷 권한 설정과 clear text error를 방지하기 위해 속성을 true로 변경합니다.

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

        <application
            .
            .
            android:usesCleartextTraffic="true"
            .
            >

레이아웃에서 웹 뷰 추가

레이아웃 파일에 웹 뷰를 추가합니다.

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

액티비티 파일에서 webview에서 보여줄 url을 설정합니다.

val webView = findViewById<WebView>(R.id.webview)
webView.webViewClient = WebViewClient()
webView.loadUrl("https://hulrud.tistory.com/")

 

 

 

 

 

 

만약 webViewClient를 지정하지 않게 된다면

 

위처럼 크롬을 통해 url에 접속하게 됩니다.

 

 

 

 

 

혹시 웹 뷰를 사용하는 과정에서 에러가 발생하셨다면 아래 글들을 참고하세요!

 

https://hulrud.tistory.com/38

 

[AndroidStudio][Kotlin] 웹 뷰 에러 net::ERROR_CACHE_MISS,

run 했을 때 다음과 같은 에러가 난다면 mainfest에서 네트워크 설정을 해주셔야 합니다! net::ERROR_CACHE_MISS 위 에러는 웹 뷰 url을 로드하는데 네트워크 설정이 되어있지 않아 발생하는 오류입니다.

hulrud.tistory.com

 

Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.