[Android][Retrofit] HTML Response

이제껏 웹뷰에서 url을 로드하면 당연히 200이 떨어지니까 html 파일이 화면에 노출되는 시나리오만 작업하다가, 

이번에는 api를 찔러서 200 코드를 받아야지만 웹뷰를 노출시켜 html 파일을 로드하는 시나리오를 작업하게 되었다.

 

기존 앱에서 사용해 온 Retrofit2로 작업하기로 했다. 

 

고민한 사항들이다.

 

1. Call 또는 Response 둘 중에 어느 것을 쓸 것인가?  >  Response

Coroutine을 쓰고 있어서, Response가 더 적합하다고 생각했다. 비동기 작업에 Response가 Call보다 사용하기 좋다고 한다. 

 

https://jeongupark-study-house.tistory.com/208

Retrofit call 과 Response 차이

https://stackoverflow.com/questions/64124670/call-or-response-in-retrofit

Call or Response in Retrofit?

 

 

2. Html reponse를 받기 위해 어떤 객체를 써야 하는가?  >  ResponseBody

예제로 html response는 ResponseBody를 사용하는 것들만 확인했다.

 

https://jaejong.tistory.com/34

[안드로이드] Retrofit2 - ResponseBody 반환타입 출력

 

https://mobikul.com/handle-html-response-from-http-request-using-retrofit/

Handle the HTML Response from HTTP Request using Retrofit - Mobikul

https://square.github.io/okhttp/4.x/okhttp/okhttp3/-response-body/

ResponseBody - OkHttp - OkHttp

 

* ResponseBody를 받을 경우 꼭 close 해야 한다. 안그러면 리소스 누수로 앱이 느려지거나 크래시난다고 한다.

 

 

3. html response를 웹뷰에 로드할 수 있는 방법 > WebView.loadData(ResposeBody.string(), "text/html",  "utf-8")

WebView에 loadData() 라는 함수를 쓰면 되는 거였다.

html 파일의 텍스트 값을 Response.body().string()으로 받을 수 있다. (Response.body()가 ResponseBody 값을 반환한다.)

Response.body().string이 ResponseBody를 close()해주기도 하니, 

 

https://stackoverflow.com/questions/13816464/how-to-load-html-string-in-a-webview

How to load html string in a webview?

 

https://developer.android.com/reference/android/webkit/WebView#loadData(java.lang.String,%20java.lang.String,%20java.lang.String)

WebView  |  Android Developers

---

테스트를 하는데, html response를 webview에 로드하는 데에 실패했다. html 내용을 까서 봤더니, 이미지를 서버에서 받아 로드하는 거였다. html reponse를 text로 받아서 webview에 띄워주면, 이미지 파일 주소를 로컬에서 찾으려고 했기 때문에 로드 실패가 나오는 것을 알았다.

---

invisible 상태의 웹뷰에서 url을 로드하고 200 상태 코드가 떨어지면 웹뷰를 visible 하게 만들도록 하는 방법도 있다는 것을 알았다. 그런데 안드로이브 웹뷰는 200 상태 코드를 받는 기능은 없었다. 그나마 에러코드는 받을 수 있었다.

https://zerodice0.tistory.com/207

Android의 WebView를 사용할 때, 클라이언트 에러를 추적하는 방법 정리.

 

그런데 연결 상태가 200으로 떨어져도, 화면을 로드하면서 다른 리소스에 문제가 생기면 에러코드를 받게 되어 연결 상태만의 200 상태를 알기 어려웠다.

분명 200으로 떨어져야 마땅한데, 어디서 잘못됐는지 파악하기 위해서 크롬 개발자 도구를 활용했다.

 

https://velog.io/@pixelstudio/%ED%81%AC%EB%A1%AC-%EA%B0%9C%EB%B0%9C%EC%9E%90-%EB%8F%84%EA%B5%AC%EB%A1%9C-%EB%B3%B4%EB%8A%94-HTTP-%ED%97%A4%EB%8D%94-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0

크롬 개발자 도구로 보는 HTTP 헤더 알아보기

 

 

요 문제의 에러코드

favicon.ico가 무엇인지 찾아보았고..

https://cheonfamily.tistory.com/7

favicon.ico 오류 404 메시지 해결 방법

 

서버 개발자분께 확인 요청드려서 그 다음부터는 200으로 받았다.

 

---

이렇게 실컷 헤메고 삽질했는데 결국엔 다른 방식으로 기능을 구현했다. 😂 그래 배운 게 꽤 있으니 괜찮다.