[TIL] d+59 Windows에서 Local환경 https로 변경하기

이걸 세시간 걸렸다고? 이걸?

1. 관리자 권한으로 cmd나 gitbash에서 mkcert 설치
   a. npm install -g mkcert
   b. yarn global add mkcert

2. c:/windows/system32 경로에서 인증서(ca, cert 둘 다) 생성
   a. mkcert create-ca
   b. mkcert create-cert

3. c:/windows/system32 에서 ca.crt 파일을 열고 인증서 설치
   a. 로컬 시스템 선택 > 신뢰할 수 있는 루트 인증 기관 선택 > 완료 팝업 뜨면 정보 확인 후 종료

4. package.json 파일 수정

   "scripts": {
       "start": "set HTTPS=true&&set SSL_CRT_FILE=C:/Windows/System32/cert.crt&&set SSL_KEY_FILE=C:/Windows/System32/cert.key&&react-scripts start",
       "build": "react-scripts build",
       "test": "react-scripts test",
       "eject": "react-scripts eject"
     },

됐지롱

자아성찰

1. 대부분의 정보가 맥 환경에서 설치하는 방법이라 도움이 별로 안 됨.
2. 해외 사이트에서 window환경에서 mkcert를 사용하는 방법을 찾음
3. 처음에 ca.crt 파일을 열어서 설치해야 하는데 cert.crt를 설치함. 당연히 안 됨.
   • 스크립트를 잘못 수정했나 싶어서 온갖 스크립트를 다 써봄
     1. "set HTTPS=true&&react-scripts start”
     - 실행은 됐으나 인증서를 인식하지 못함.
     근데 제대로 설치하고 이걸로 다시 하면 되나?
     2. "export HTTPS=true&&PORT=3000 react-scripts start”
     - 안됨
     3. "HTTPS=true SSL_CRT_FILE=<SSLCert.crt> SSL_KEY_FILE=<SSLCert.key> react-scripts start"
     - 안됨
     4. "set HTTPS=true&&set SSL_CRT_FILE=C:/Windows/System32/cert.crt&&set SSL_KEY_FILE=C:/Windows/System32/cert.key&&react-scripts start"
     - 이게 정답이었으나 설치 과정을 틀려서 그런지 처음엔 제대로 실행되지 않음
     5. "set HTTPS=true&&set SSL_CRT_FILE=C:/Windows/System32/ca.crt&&set SSL_KEY_FILE=C:/Windows/System32/ca.key&&react-scripts start"
     - 안됨.
4. 2를 실패하고 mkcert가 아닌 openssl을 사용하는 방법이 있대서 이걸 시도함
   • 이 방법은 쓰지 말자
5. 마지막으로 2로 돌아가 다시 시도함. ca.crt를 열라는 문항을 보고 잠시 일어났다 앉음
6. 됨.
7. 진짜 바본가... ? ? ? ? ?
8. 아니 근데 처음에 ca.crt도 인증서 설치 돼있는 걸 확인하고 했던 건데 왜 안됐냐고

슬픈 이야기

1. local환경을 https로 변경하려 했던 이유는 open api을 사용하기 위함이었다.
2. http든 https든 프론트단에선 cors가 뜨기 때문에 굉장히 의미없는 짓이 됐다. 홋홋...