react localhost secure http test environment configuration

OpenSSL설치

http://slproweb.com/products/Win32OpenSSL.html

Win32/Win64 OpenSSL Installer for Windows - Shining Light Productions

cert생성

PS C:\Dev64\workspace\project> openssl req -x509 -newkey rsa:2048 -keyout keytmp.pem -out cert.pem -days 365
PS C:\Dev64\workspace\project> openssl rsa -in keytmp.pem -out key.pem

package.json ( react 17.0.2 )

  "scripts": {
    "start": "set HTTPS=true&&set SSL_CRT_FILE=cert.pem&&set SSL_KEY_FILE=key.pem&&react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },