로컬 개발환경에서 https 사용

ubuntu에서 웹 개발 시 localhost를 https로 접속할 수 있게 하는 방법을 정리했다.

mkcert 설치

• 링크의 os별 설치법 참고

필요 패키지 설치

$ sudo apt install libnss3-tools

mkcert 설치

$ curl -JLO "https://dl.filippo.io/mkcert/latest?for=linux/amd64"
$ chmod +x mkcert-v*-linux-amd64
$ sudo cp mkcert-v*-linux-amd64 /usr/local/bin/mkcert

로컬 CA에 mkcert 추가

$ mkcert -install

그러면 로컬 인증 기관(CA)이 생성됩니다. mkcert 생성 로컬 CA는 기기에서 로컬로만 신뢰할 수 있습니다.

인증서 생성

인증서를 생성할 디렉터리로 이동 후 아래 명령어를 실행한다.

$ mkcert localhost

실행하면 해당 디렉토리에 localhost-key.pem 와 localhost.pem 두 파일이 생성된 것을 확인할 수 있다. localhost 이외에도 자신이 원하는 도메인을 설정할 수 있다.

https 적용

생성한 인증키를 통해 웹 어플리케이션을 https로 설정한다.

FastAPI

fastapi의 경우 실행시 uvicorn의 옵션으로 --ssh-keyfile와 --ssl-certfile을 지정하면 된다.

uvicorn app.main:create_app --ssl-keyfile=./localhost-key.pem --ssl-certfile=./localhost.pem

NUXT3

실행시 옵션에 --https와 --ssl-cert, --ssl-key를 추가한다.

nuxt dev --host=0.0.0.0 --https --ssl-cert ../AT_backend/localhost.pem --ssl-key ../AT_backend/localhost-key.pem

추가적으로 환경변수에 NODE_TLS_REJECT_UNAUTHORIZED=0 를 적용해야한다.

참고

• https://web.dev/how-to-use-local-https/