Website

【XAMPP】SSLつきローカルホストを追加する手順

2022-02-06 緋音

通しで行うと結構手数が多いので、一つ一つしっかり確認しながら作業すること。
大まかに、以下のような手順になる。（注：Windowsの場合）

作業手順

サーバーの増設

その１．httpd-vhosts.confを修正
その２．system32フォルダ内・hostの修正

ＳＳＬ有効化

その１．httpd-ssl.confの修正
その２．openssl-san.cnfの修正
その３．SSLサーバ証明書の作成（※Git Bashが別途必要）
その４．SSLサーバ証明書のインストール

XAMPPを再起動し、サーバーのURLにアクセス

サーバーの増設

その１．httpd-vhosts.confを修正

ファイルの場所▼

C:\xampp\apache\conf\extra\

以下の内容を末尾に追記

<VirtualHost *:80>
   DocumentRoot "フォルダのパス"
   ServerName サーバー名
</VirtualHost>

その２．system32フォルダ内・hostの修正

セキュリティの問題で普通にファイルを開いて修正ができないので、『ファイル名を指定して実行』から『cmd』でコマンドプロンプトを開き、以下をコピペして実行する。

powershell -NoProfile -ExecutionPolicy unrestricted -Command "start notepad C:\Windows\System32\drivers\etc\hosts -verb runas"

メモ帳で開いた末尾に、以下の内容を追記

127.0.0.1 サーバー名

ＳＳＬ有効化

その１．httpd-ssl.confの修正

ファイルの場所▼

C:\xampp\apache\conf\extra\

以下の内容を末尾に追記

<VirtualHost *:443>
   DocumentRoot "フォルダのパス"
   ServerName サーバー名
   SSLEngine on
   SSLCertificateFile "conf/ssl.crt/ssl_xxx.crt"
   SSLCertificateKeyFile "conf/ssl.key/ssl_xxx.key"
</VirtualHost>

※『xxx』の部分はユニークな数字などを入れる

その２．openssl-san.cnfの修正

ファイルの場所▼

C:\xampp\apache\conf\

※初回は、openssl-san.cnfが存在しない。
openssl.cnfを複製してクローンを作った後ファイル名をopenssl-san.cnfに変更し、以下の内容を末尾に追記。

[ SAN ]
subjectAltName = @alt_names

[ alt_names ]
DNS.1 = サーバー名

二回目以降は下記のみ、末尾に追記。

DNS.xxx = サーバー名

※『xxx』の部分はユニークな数字などを入れる

その３．SSLサーバ証明書の作成

Git Bash（事前にインストールしておく）を起動し、以下の手順でコマンドを入力する。

（１）ディレクトリ移動

$ cd C:\xampp/apache/conf

（２）秘密鍵（ssl_xxx.key）と、サーバ証明書（ssl_xxx.crt）を作成

$ openssl req \
> -newkey rsa:4096 \
> -keyout ssl_xxx.key \
> -x509 \
> -nodes \
> -out ssl_xxx.crt \
> -subj "//CN=サーバ名" \
> -reqexts SAN \
> -extensions SAN \
> -config openssl-san.cnf \
> -days 3650

（３）エラーが出た場合はどこかに誤りがあるので、確認して再実行

成功すると、以下のように表示されて止まる。

Generating a RSA private key
............................++++
........................................
................++++
writing new private key to 'ssl_xxx.key'
-----

（４）生成された秘密鍵とサーバ証明書を所定のフォルダに移動

１．ssl_xxx.key（秘密鍵）を、以下へ。

C:\xampp\apache\conf\ssl.key

２．ssl_xxx.crt（サーバ証明書）を、以下へ。

C:\xampp\apache\conf\ssl.crt

※ドラッグアンドドロップでＯＫ。

その４．SSLサーバ証明書のインストール

C:\xampp\apache\conf\ssl.crt\ssl_xxx.crtをダブルクリック。
『証明書のインストール』ボタン（左）をクリック。
保存場所に『現在のユーザー』のラジオボタン（上）を選択して、『次へ』。
『証明書をすべて次のストアに配置する』のラジオボタン（下）を選択。
『参照』ボタンから『信頼されたルート証明機関』を選択して、『次へ』。
『完了』ボタンをクリック。

XAMPPを再起動し、サーバーのURLにアクセス

ApacheとMySQLを終了させてQuitの後再起動、再度ApacheとMySQLを開始した後、ブラウザなどからサーバーのURL（https://を付加）にアクセスする。

https://サーバー名

以上