localhost에서 https / SSL을 어떻게 사용합니까?


88

localhost의 웹 응용 프로그램에 SSL을 설정하는 방법을 알고 싶습니다.

나는이 일에 대한 배경 지식이 없으며 안내를 부탁드립니다. 웹 응용 프로그램 구현을 이미 완료했으며 로컬 호스트에서 또는 서버에서 호스팅하는 동안 https를 사용해야합니다.

어떤 아이디어?

문안 인사.


답변:


23

IIS Express (Visual Studio 포함)가있는 경우 :

IIS Express 내에서 SSL을 활성화하려면 프로젝트 속성 창에서 "SSL Enabled = true"를 설정하기 만하면됩니다.

이 코드 프로젝트 의 단계와 그림을 참조하십시오 .

IIS Express는 사용자를 위해 인증서를 생성합니다 (요청하는 등의 메시지가 표시됨). 구성에 따라 사이트는 여전히 SSL URL이 아닌 URL로 자동 시작될 수 있습니다. SSL URL을 볼 수 있습니다. 포트 번호를 기록하고 브라우저 주소 표시 줄에서 교체하면 들어가서 테스트 할 수 있습니다.

여기에서 프로젝트를 마우스 오른쪽 버튼으로 클릭하고 속성 페이지를 클릭 한 다음 옵션을 시작하고 시작 URL을 할당 할 수 있습니다. 새 포트에 새 https를 입력하면 (일반적으로 44301-포트 443과 유사 함을 확인합니다) 그 때부터 프로젝트가 올바르게 시작됩니다. 의 위에.

여기에 이미지 설명 입력


포트를 선택할 수 있습니까? 즉, 기본 https 포트를 사용합니다. 포트 443?
The Red Pea

1
@TheRedPea 내가 만난 모든 경우에 포트 443을 사용하는 대신 포트 44301을 사용하여 로컬로 테스트해야합니다. 이것은 라이브 서버 (IIS에서 바인딩하는)에 사용하는 포트에 영향을 미치지 않으며 거의 ​​항상 443입니다. https를 사용한다고 가정합니다.
JackArbiter

21

자체 서명 된 인증서를 만들고 가져 와서 웹 사이트에 바인딩하는 것은 쉽습니다.

1.) 자체 서명 된 인증서를 만듭니다.

상승 된 명령 프롬프트에서 한 번에 하나씩 다음 4 개의 명령을 실행합니다.

cd C:\Program Files (x86)\Windows Kits\8.1\bin\x64

makecert -r -n "CN=localhost" -b 01/01/2000 -e 01/01/2099 -eku 1.3.6.1.5.5.7.3.3 -sv localhost.pvk localhost.cer

cert2spc localhost.cer localhost.spc

pvk2pfx -pvk localhost.pvk -spc localhost.spc -pfx localhost.pfx

2.) 신뢰할 수있는 루트 인증 기관 저장소로 인증서 가져 오기 :

시작-> 실행-> mmc.exe-> 인증서 플러그인-> "신뢰할 수있는 루트 인증 기관"-> 인증서

인증서-> 모든 작업-> 가져 오기를 마우스 오른쪽 버튼으로 클릭합니다. C : \ Program Files (x86) \ Windows Kits \ 8.1 \ bin \ x64 \에서 "localhost"인증서를 찾습니다.

3.) 웹 사이트에 인증서 바인딩 :

시작-> (IIS) 관리자-> 서버 클릭-> 사이트 클릭-> 최상위 사이트 클릭-> 바인딩

https에 대한 바인딩을 추가하거나 편집하고 "localhost"라는 SSL 인증서를 선택하십시오.

4.) Chrome으로 인증서 가져 오기 :

Chrome 설정-> 인증서 관리-> C : \ certificates \ 폴더에서 .pfx 인증서 가져 오기

Chrome을 열고 https : // localhost /로 이동하여 인증서를 테스트합니다 .


방금 명령에서 사용한 파일을 어떻게 얻 makecert습니까? localhost.pvk localhost.cer cert2spc localhost.cer localhost.spc. 다른 웹 서버와 IIS에서 사용할 allinone.pem 파일을 만들기 위해 private.key 파일을 얻으려면 어떻게해야합니까?

인증서를 Chrome으로 가져 오지 않으려면 localhost stackoverflow.com/a/31900210/2733283
Jason Williams

8

이 질문은 정말 오래되었지만이 작업을 수행하는 가장 쉽고 빠른 방법을 찾고있을 때이 페이지를 보았습니다. Webpack 사용은 훨씬 간단합니다.

webpack-dev-server 설치

npm i -g webpack-dev-server

https로 webpack-dev-server 시작

webpack-dev-server --https

2
이것은 애플리케이션을 구성하는 js 파일을 제공하지만 애플리케이션을 실행하지는 않습니다.
user1944491

XAMPP와 같은 기존 개발 서버와 함께 사용할 수 있습니까?
Prometheus
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.