ローカルホストでhttps / SSLをどのように使用しますか?


88

ローカルホスト上のWebアプリケーションでSSLを設定する方法を知りたいのですが。

私にはこれを行う背景がありません、ガイダンスを評価します。Webアプリケーションの実装はすでに完了しており、ローカルホストでhttpsを使用するため、またはサーバーでホストしているときに必要です。

何か案は?

よろしく。


同様の記事をチェックしてください:stackoverflow.com/questions/36037510/...
Puskerジェルジ

回答:


23

IIS Express(Visual Studioを使用)を使用している場合:

IIS Express内でSSLを有効にするには、プロジェクトのプロパティウィンドウで「SSLEnabled = true」を設定する必要があります。

このコードプロジェクトの手順と写真を参照してください。

IIS Expressによって証明書が生成されます(証明書の入力を求められるなど)。構成によっては、サイトがSSLURLではなくURLで自動的に開始される場合があることに注意してください。SSL URLが表示されます。ポート番号をメモしてブラウザのアドレスバーに置き換えてください。アクセスしてテストできるはずです。

そこから、プロジェクトを右クリックし、プロパティページをクリックして、オプションを開始し、開始URLを割り当てます-新しいhttpsを新しいポート(通常は44301-ポート443との類似性に注意してください)に配置すると、プロジェクトはそれから正しく開始されますオン。

ここに画像の説明を入力してください


ポートを選択できますか?つまり、デフォルトのhttpsポートを使用します。ポート443?
赤エンドウ豆

1
@TheRedPea遭遇したすべての場合において、ポート443を使用する代わりに、ポート44301を使用してローカルでテストする必要があります。これは、ライブサーバー(IISでバインドする)に使用するポートには影響しません。ほとんどの場合、443になります。 httpsを使用していると仮定します。
JackArbiter

21

自己署名証明書を作成してインポートし、Webサイトにバインドするのは簡単です。

1.)自己署名証明書を作成します。

管理者特権のコマンドプロンプトから、次の4つのコマンドを一度に1つずつ実行します。

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:\ ProgramFiles(x86)\ Windows Kits \ 8.1 \ bin \ x64 \で「localhost」証明書を見つけます。

3.)証明書をWebサイトにバインドします。

スタート->(IIS)マネージャー->サーバーをクリック->サイトをクリック->トップレベルサイトをクリック->バインディング

httpsのバインディングを追加または編集し、「localhost」というSSL証明書を選択します。

4.)Chromeへの証明書のインポート:

Chromeの設定->証明書の管理-> C:\ certificates \フォルダーから.pfx証明書をインポートする

Chromeを開き、https:// localhost /に移動して証明書をテストします


コマンドで使用したファイルをどのように取得しますmakecertか?localhost.pvk localhost.cer cert2spc localhost.cer localhost.spc。private.keyファイルを取得してallinone.pemファイルを作成し、IIS以外の他のWebサーバーで使用するにはどうすればよいですか?

証明書をChromeにインポートしたくない場合は、ローカルホストの自己署名証明書へのアクセスをブロックするChromeセキュリティ機能を無効にすることを選択できます 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 2017年

これは、XAMPPなどの既存の開発サーバーと一緒に使用できますか?
プロメテウス
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.