웹페이지 HTTP 헤더를 커스텀하게 변경할 수 있는 ModHeader

 

 

웹뷰 개발 시에 인증된 클라이언트에게만 접근 가능하며 아무 곳에서나 호출하지 못하도록

앱과 웹 간의 규약을 맞추어 앱에서 웹으로 특정 헤더를 보내는 방식으로 구현하는 경우가 있다. 

 

 

 

 

예를 들어, 웹뷰에 접근하기 위해 앱에서 사용하는 auth token을 가지고 있어야 하는데 웹 개발자로서 개발이나 테스트를 할 때 매번 앱을 통해 웹뷰에 접근하여 테스트하는 게 굉장히 귀찮고 번거로웠다.

오류가 나면 브라우저 개발자 모드를 통해 콘솔 로그를 찍을 수 없어 어느 부분에서 나는지 파악하기가 쉽지 않았다. 

 

 

 

 

그러던 중 발견한 Chrome Extension 인 ModHeader

 

 

 

 

 

ModHeader를 설치하면 우측 상단에 아이콘이 생기는데 클릭하면 내가 Request Header를 커스텀하게 조작하여 넣을 수 있다.

 

 

 

 

Header에 값만 추가만 해주면 해당 웹페이지에 바로 접근 가능하다.

프로필 기능이 있어서 개발서버와 실서버를 구분하여 다른 헤더 값을 넣어 만들 수 있고,

자물쇠 버튼으로 현재 보고 있는 활성 탭만 적용하거나 자물쇠를 해제하여 사이트 전체에 적용할 수도 있다.