[TIL] 개발 환경에서 https 사용하기
개발을 진행하다 보면
https
인 경우에만 확인 할 수 있는 특수한 상황이 발생하게 됩니다. 한 가지 예를 들어 Apple 로그인 정상작동 테스트를 매번 배포 하면서 진행하는 것은 무척 귀찮고 번거로운 일입니다. 어떻게 하면 로컬환경에서도 https를 적용하여 저런 특수한 상황에 대해서도 편하게 개발 및 테스트를 진행 할 수 있을까요?
아래와 같은 설정들을 통해 로컬 환경에서도 https를 지원하여 개발을 진행하는데 테스트를 할 수 있습니다
- mkcert 설치:
- mkcert로 pem, key.pem 파일 생성
해당 명령 실행시 (도메인).pem, (도메인)-key.pem 파일 생성됨
*주의: 생성된 파일들은 commit 대상에서 제외되도록
.gitignore
내 추가하는게 좋습니다.- 로컬 https 설정
- vite 기반인 경우:
- nextJS인 경우:
- 동일하게
mkcert
를 설치한 상태이며 pem, -key.pem 파일을 생성 - (optional)
/private/etc/hosts
로컬 커스텀 도메인 설정 및 적용 - package.json 내 아래 script 추가 (-H의 경우 localhost, -p 의 경우 3000가 기본)
- 실행시 아래와 같이 https 적용되는것을 확인 할 수 있습니다.
*로컬 커스텀 도메인 이름으로 host를 변경할 경우
/private/etc/hosts
설정 파일내 127.0.0.1
매핑 도메인 변경 적용 필요이후 개발서버를 실행하면 https가 적용됩니다.
