본문 바로가기

Android/WebView

(3)
[WebView] Compose 환경에서 WebView로 Youtube를 넣어보자. 필자가 Compose 환경에서 WebView를 통해 Youtube를 넣는 작업을 하면서 만났던 이슈와 해결 방법을 기술해보고자 한다. WebView를 보여줄 때 생각지도 못한 부분에서 이슈가 생겼었고, 생각보다 UX 면에서 크리티컬 하다고 느꼈던 이슈들이기 때문에 추후에도 도움이 될 것이라고 생각이 된다. 우선, Compose 환경에서 Webview를 사용하기 위해서는 Gradle에 다음과 같은 라이브러리를 포함시켜줘야 한다. implementation "com.google.accompanist:accompanist-webview:$version" Compose 환경에서 Webview를 사용할 때, 기본적으로 세팅해야하는 부분은 Compose가 아닌 케이스에서 Webview를 사용하는 것과 일치한다. 2..
[WebView] WebView 사용 방법 - 2. WebClient 및 다중 JavaScriptInterface 사용. 본 게시글은 이전 게시글에 이어서 작성된 부분입니다. 2022.04.06 - [Android/WebView] - [WebView] WebView에서 JavaScriptInterface를 사용해보자. 전에 작성했던 webView 부분을 조금 더 확장해서 기능을 추가해볼 예정이다. 기본으로 사용했던 Client를 간단하게 커스텀해보고, 2개의 javaScriptInterface를 사용할 수 있는 구조로 변경해 보았다. 우선 이전에 사용했었던 WebViewClient, WebChromeClient를 상속받는 클래스를 만들어서 해당 부분을 커스텀해보았다. 이처럼 Base에 해당하는 패키지에 작성해 두었고, 현재 많은 부분을 커스텀할 수는 없기 때문에 많이 사용하는 부분만 Override 하여서 사용해 보았다. ..
[WebView] WebView 사용 방법 - 1. WebView 적용 및 JavaScriptInterface의 사용. Webview에 대한 공부를 진행하던 도중, JavaScriptInterface를 통해 webView에서 호출되는 함수를 처리하는 방법에 대해 알게 되었다. 따라서 JavaScriptInterface를 사용하는 방법과 더불어 webView에 대한 기본적인 사용 방법에 대해 작성해보고자 한다. webView를 사용하기 위해서는 별 다른 작업은 필요하지 않고 단순히 xml에 WebView를 선언하고, 해당 webView에서 URL을 호출하면 일반적인 웹과 같이 사용할 수 있게 된다. 따라서, 맨 처음으로 WebViewActivity를 생성하고, 그곳에서 사용할 layout에 webView 선언을 해준다. 그 후에 webView!!.loadUrl("https://heegs.tistory.com") 이처럼 보여..