ローカルのDockerでhttps通信を利用する方法(mkcert)

プログラミング

どーも、yutaです。

DockerでWebサーバ作る時にhttps通信したいなと思ってたら、mkcertという便利なツールがあったので使い方を紹介します。

ちなみにWebサーバはNginxを利用します。

前提

Mac環境での設定です。(Windowsの方も少し読み替えれば利用できると思います。)
homebrewインストール済み
Docker for Macインストール済み

mkcertインストール

homebrewでmkcertをインストールします。

$ brew install mkcert

SSL証明書の作成

SSL証明書作成のため下記のmkcertコマンドを実行します。スペース区切りで複数作れて、””で囲むことでワイルドカード証明書も作れるみたいで便利です。

$ mkcert "*.hoge-site.com" hoge-site.com

実行するとカレントディレクトリに証明書が作成されました。

_wildcard.hoge-site.com+1-key.pem
_wildcard.hoge-site.com+1.pem

ファイル名の’+’とかは後のconfファイルで誤認識されたりするのでリネームしておきます。

Dockerの設定

下記の内容でdocker-compose.yml、Dockerfile、Nginxのdefault.confを用意します。

version: '3'
services:
  nginx:
    build: ./
    ports:
      - 80:80
      - 443:443

FROM  nginx:latest

COPY default.conf /etc/nginx/conf.d/default.conf
ADD _wildcard.hoge-site.com.pem /etc/certs/_wildcard.hoge-site.com.pem
ADD _wildcard.hoge-site.com-key.pem /etc/certs/_wildcard.hoge-site.com-key.pem

server {
    listen 80 default;
    server_name hoge-site.com;
}
server {
    listen 443 ssl;
    server_name hoge-site.com;
    ssl_certificate /etc/certs/_wildcard.hoge-site.com.pem;
    ssl_certificate_key /etc/certs/_wildcard.hoge-site.com-key.pem;
}