SSL로 Angular Serve 기동하기

angular 는 기본적으로 http://localhost:4200 에서 시작된다.
하지만 프로젝트를 진행하다 보면 보안성 때문에 https 에서 테스트를 해야 하는 경우가 종종 발생하는데 ssl 사용에 대해 간단히 설명드리겠습니다.

ssl 기본 구동

ng serve --ssl --ssl-cert="SSL_certificate_path" --ssl-key="SSL_key_path"

windows 에서 ssl certificate 만들기

Win64 OpenSSL 다운로드

먼저 인증키를 만들 윈도우용 프로그램을 다운 받자

다운로드

위사이트에서 Win64 OpenSSL v3.2.0 Light 를 다운 받는다.

명령어 실행

인스톨을 마치면 C:\Program Files\OpenSSL-Win64 폴더가 생성되는데 이곳으로 이동 후

cd C:\Program Files\OpenSSL-Win64
openssl req -x509 -out /path_to/localhost.crt -keyout /path_to/localhost.key -days 365 -newkey rsa:2048 -nodes -sha256 -subj /CN=localhost

우리가 원하던 certificate 및 key 파일을 얻었습니다.

ng serve --host 0.0.0.0 --disable-host-check --ssl --ssl-cert="localhost.crt" --ssl-key="localhost.key"