프론트엔드
앱과 웹의 연결고리 : 여기어때 통합 WebView 구축기
두줄요약
여기어때 앱에서 웹뷰를 통합한 과정과 연동 방식을 정리한 글입니다. 파편화된 브릿지 규격을 하나로 묶어 유지보수와 협업 효율을 높인 사례를 소개했습니다.
구조와 흐름
- 네이티브 앱 안에서 웹 콘텐츠를 보여주는 웹뷰의 개념과 장점 정리
- Android에서 웹→앱, 앱→웹 연동 시 Scheme 방식과 브릿지 방식의 차이 설명
- 여기어때 앱의 파편화된 웹뷰를 하나의 Activity와 통합 브릿지 규격으로 정리한 구축 경험 공유
선택 이유
- 서비스 확장으로 웹뷰 페이지와 인터페이스가 늘어나며 관리 복잡도 증가
- 페이지별 다른 연동 규격과 반복 협의로 개발 속도 저하
- 통합 규격으로 코드 일관성 확보와 협업 단순화 기대
적용해볼 점
- WebView 연동은 앱과 웹이 합의한 명확한 인터페이스 규격 필요
- 혼재된 Scheme과 브릿지 방식은 통합·정리로 유지보수 비용 절감 가능
- 공통 Activity와 공통 인터페이스로 구조를 단순화하면 신규 페이지 추가가 쉬워짐