Charles 사용법 (SwitchHosts)

SwitchHost 설정

Host 설정 시 switchHost를 사용하면 무척 편리하다.

https://swh.app/

 

https://github.com/oldj/SwitchHosts

GitHub - oldj/SwitchHosts: Switch hosts quickly!

 

Charles 설정

라이센스 등록

• In Charles) help > Register Charles

 

Local Map 설정

Map Local을 클릭하자.

• Path: 대체할 파일 경로 ~.js
• Query: * (쿼리는 계속 바뀌기 때문)
• Local Path:  로컬에서 대체할 ~.js 파일의 위치

SSL 설정 

• 포트 설정 8888

• install certification key 

Help > SSL Proxying > Install Charles Root Certificate

만약 아래와 같은 에러가 발생한다면, 아래 사이트에서 다운로드하여서 드레그엔 드롭으로 옮기자.

• http://www.charlesproxy.com/getssl

항상 신뢰를 선택해준다.

아래와 같이 설정되면 성공이다.

 

• charles > Proxy > SSL Proxying Settings

Local 변경 사항 반영

charles의 Proxy 설정이 잘 되었는지 확인하기 위해, alert 코드를 집어넣어 보자.

...
alert('test hi');
...

 

Build 과정이 있는 경우는 build를 한다.

yarn run build

 

 

브라우저로 확인해보자. (Cash 초기화를 위해 시크릿 창으로 열어서 확인하자.)

 

짜란, 완벽하게 대체되었다.