はじめに

Webサイトを制作しているとローカル環境にWebサービスを立ち上げて動作確認することがあると思います。今回は、MacBookにUbuntuの仮想環境を作り、SSL通信のWebサービスを構築しました。
こちらのサイトを参考にさせていただきました。
詳しくは分かりませんが、オレオレSSL証明書なので、Chromeではつながらなかったです。Safariで動作確認を行いました。

構築環境

• MacBookPro MacOS:10
• VirtualeBox 6.0
• Ubuntu 18.04
• Apache 2.4
• Chrome 79.0
• Safari 13.0

UbuntuにApacheをインストールする

まず、Apacheがインストールされているかを確認します。httpdもしくはapache2コマンドでApacheインストール有無の確認します。

$ httpd -v
Server version: Apache/2.4.29 (Ubuntu)
Server built: 2019-09-16T12:58:48

or

$ apache2 -v
Server version: Apache/2.4.29 (Ubuntu)
Server built: 2019-09-16T12:58:48

Apacheがインストールされていない場合は、Apacheをインストールしましょう。

$ sudo apt-get install apache2

次にApacheのSSLモジュールとデフォルトのSSLのサイトを有効化し、Apacheを再起動します。

$ sudo a2enmod ssl
$ sudo a2ensite default-ssl
$ sudo service apache2 restart

Apacheが443番ポートの待ち受け状態かどうかを確認します。

$ ss -lnt
State      Recv-Q    Send-Q        Local Address:Port          Peer Address:Port
LISTEN     0         128                       :::80                      :::*
LISTEN     0         128                      :::443                      :::*

SSLで通信を行うには、SSL証明書をサーバーにインストールしなければなりません。Ubuntuの場合、Apache2をインストールした時にSSL証明書が自動的に作成されて利用可能にな利ます。なんて便利で簡単なんだ！

動作確認

Webブラウザーからhttps://（サーバーのIPアドレス）にアクセスします。
最新のChromeではOCSPが無効のようで接続できませんでした。

SafariでWarningを許可してあげると繋がりました。

今回はここまで。これでhttpsでしか動作しない機能（メディアデバイスなど）をローカル環境で検証できそうです。