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

2023. 8. 15. 10:08·IDE/Android Studio

웹뷰는 웹 애플리케이션을 안드로이드 어플 내에서 보여주게 하는 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

 

'IDE > Android Studio' 카테고리의 다른 글

[Android Studio] 인텐트 알아보기  (0) 2023.08.30
[AndroidStudio][Kotlin] Retrofit, 레트로핏으로 api 사용하기  (0) 2023.08.16
[AndroidStudio][Kotlin] 웹 뷰 에러 net::ERROR_CACHE_MISS,  (0) 2023.08.13
[AndroidStudio][Kotlin] EditText의 addTextChangedListener, TextWatcher, TextWatcherAdapter  (0) 2023.08.13
[AndroidStudio][Kotlin] 안드로이드 스튜디오 로컬 서버 연결 security 설정, localhost가 안되는 이유, UnknownServiceException  (0) 2023.08.08
'IDE/Android Studio' 카테고리의 다른 글
  • [Android Studio] 인텐트 알아보기
  • [AndroidStudio][Kotlin] Retrofit, 레트로핏으로 api 사용하기
  • [AndroidStudio][Kotlin] 웹 뷰 에러 net::ERROR_CACHE_MISS,
  • [AndroidStudio][Kotlin] EditText의 addTextChangedListener, TextWatcher, TextWatcherAdapter
hurlud
hurlud
나와 같은 궁금증을 가진 사람들을 위해 오늘도! 🐥
  • hurlud
    주독야독
    hurlud
  • 전체
    오늘
    어제
  • 최근 글

    • ALL (106)
      • CS (13)
      • Linux (2)
      • Deploy (7)
        • AWS (6)
        • Docker (1)
      • IDE (13)
        • IntelliJ (5)
        • Android Studio (8)
      • DB (10)
        • MySQL (6)
        • MongoDB (4)
      • Programming Language (20)
        • JavaScript (10)
        • Java (8)
        • Python (2)
      • Framework (32)
        • Node.js (6)
        • SpringBoot (17)
        • React (6)
        • NestJS (2)
      • Git | Github (4)
      • ETC (5)
      • Akka (0)
  • 링크

    • 깃허브
  • hELLO· Designed By정상우.v4.10.0
hurlud
[AndroidStudio][Kotlin] WebView로 웹 페이지 안드로이드 앱으로 빌드하기
상단으로

티스토리툴바