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

greeneryyyyy·2022년 5월 4일
0

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

  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가 뜨기 때문에 굉장히 의미없는 짓이 됐다. 홋홋...
profile
가보자고

1개의 댓글

comment-user-thumbnail
2022년 5월 24일

이걸 해냈다고 ??? 🤩

답글 달기