開発環境

ディレクトリ構成

• exapp
  • certs
    • mylocalapp.local.pem
    • mylocalapp.local-key.pem
  • express-app
    • Express-generatorで作成したアプリ
    • Dockerfile
  • apache
    • Dockerfile
    • conf
      • httpd.conf
      • vhost-ssl.conf
      • load_ssl_modules.conf
  • docker-compose.yml

ディレクトリが作成されれば、サーバー上に「 exapp 」のディレクトリごとアップロードします。

mkcert

mkcert は、ローカル開発環境でHTTPS（SSL/TLS）通信を簡単に行うためのツールです。

localhost や開発用のドメインでは本物の証明書は発行できない為「自己署名証明書（通称：オレオレ証明書）」を使います。

mkcert を使うことで自己署名証明書を作成でき、信頼されたルート証明書ストアに、mkcert が生成したルート認証局（CA）の証明書を自動的に登録してくれます。

mkcert は、ホストOSにインストールし、自己署名証明書を作成します。

以下のコマンドを実行することで、ローカルに CA（認証局）用の秘密鍵と証明書を作成し、その CA を OS やブラウザの信頼されたルート証明機関に追加する初期設定を行います。

mkcert -install # 一度だけ実行しておけばOK

Windows 11 における mkcert のCAファイル（ルート証明書と秘密鍵）の保存場所は、通常、C:\Users\YourUsername\AppData\Local\mkcertにあります。

以下のコマンドを実行することで、mkcert のCAファイルが保存されている正確なディレクトリパスが表示されます。

mkcert -CAROOT

サーバー証明書と秘密鍵を作成するには、コマンドプロンプトを管理者権限で起動し、「 exapp/certs 」に移動して、以下のコマンドを実行します。

mkcert mylocalapp.local

「 mylocalapp.local.pem (サーバー証明書) 」と「 mylocalapp.local-key.pem (秘密鍵) 」が作成されます。

認証局について

ローカル認証局の実体は、rootCA.pem（ルート証明書）と rootCA-key.pem（秘密鍵）のペアと考えてください。

ローカル認証局とは、特定の用途（特にローカル開発環境でのHTTPS化）のために、ユーザー自身が自分のPC上に作成する仮想的な認証局のことです。

ルート証明書ストアは、OSとブラウザ両方にあり、基本はOSのルート証明書ストアが中心で、多くのブラウザはそこを参照します。

Mozilla Firefox は、セキュリティ上の理由から、OSのルート証明書ストアとは独立した独自のルート証明書ストアを持っています。

ルート証明書ストアとは、オペレーティングシステム（OS）やウェブブラウザが、「この認証局が発行した証明書は信頼できる」と判断するための、信頼されたルート認証局の公開鍵証明書が格納されている場所のことです。

sudo firewall-cmd --permanent --add-service=http --zone=public
sudo firewall-cmd --permanent --add-service=https --zone=public
sudo firewall-cmd --reload

サーバーのIPアドレス mylocalapp.local

192.168.1.10 mylocalapp.local

FROM httpd:2.4

# Node.js の公式イメージを使用
FROM node:20-alpine

# 作業ディレクトリを設定
WORKDIR /usr/src/app

# package.json と package-lock.json をコピーして依存関係をインストール
COPY package*.json ./
RUN npm install

# アプリケーションのコードをコピー
COPY . .

# Express アプリがリッスンするポートを公開
EXPOSE 3000

# アプリケーションを起動
CMD ["npm", "start"]

ServerName mylocalapp.local:443
Listen 443

User daemon
Group daemon

# ここに LogLevel を追加または修正します
LogLevel debug

# Load SSL and Proxy modules
Include conf/extra/load_ssl_modules.conf

# SSLバーチャルホスト
Include conf/extra/httpd-vhosts.conf

# プロキシエラーの場合、vhost側のログ設定も確認
ErrorLog "/proc/self/fd/2"
CustomLog "/proc/self/fd/1" common

<VirtualHost *:443>
    ServerName mylocalapp.local

    SSLEngine on
    SSLCertificateFile "/etc/ssl/certs/mylocalapp.local.pem"
    SSLCertificateKeyFile "/etc/ssl/certs/mylocalapp.local-key.pem"

    ProxyPreserveHost On
    ProxyRequests Off
    ProxyTimeout 300
    
    RequestHeader set X-Forwarded-Proto "https"
    RequestHeader set X-Forwarded-Port "443"

    ProxyPass / http://express:3000/
    ProxyPassReverse / http://express:3000/

    ErrorLog "/usr/local/apache2/logs/error.log"
    CustomLog "/usr/local/apache2/logs/access.log" combined

    <Directory />
        Require all granted
    </Directory>
</VirtualHost>

LoadModule mpm_event_module modules/mod_mpm_event.so
LoadModule ssl_module modules/mod_ssl.so
LoadModule socache_shmcb_module modules/mod_socache_shmcb.so
LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_http_module modules/mod_proxy_http.so
LoadModule log_config_module modules/mod_log_config.so
LoadModule unixd_module modules/mod_unixd.so
LoadModule headers_module modules/mod_headers.so
LoadModule authz_core_module modules/mod_authz_core.so

services:
  apache:
    build: ./apache
    ports:
      - "443:443"
    volumes:
      - ./certs:/etc/ssl/certs:ro
      - ./apache/conf/httpd.conf:/usr/local/apache2/conf/httpd.conf:ro
      - ./apache/conf/vhost-ssl.conf:/usr/local/apache2/conf/extra/httpd-vhosts.conf:ro
      - ./apache/conf/load_ssl_modules.conf:/usr/local/apache2/conf/extra/load_ssl_modules.conf:ro
    depends_on:
      - express

  express:
    build: ./express-app
    expose:
      - "3000"
    environment: # このブロックを追加
      - DEBUG=myapp:* # または DEBUG=* で全てのデバッグログを有効にする

services:
  apache:
    build: ./apache
    ports:
      - "443:443"
    volumes:
      - ./certs:/etc/ssl/certs:ro
      - ./apache/conf/httpd.conf:/usr/local/apache2/conf/httpd.conf:ro
      - ./apache/conf/vhost-ssl.conf:/usr/local/apache2/conf/extra/httpd-vhosts.conf:ro
      - ./apache/conf/load_ssl_modules.conf:/usr/local/apache2/conf/extra/load_ssl_modules.conf:ro
    depends_on:
      - express
    restart: unless-stopped

  express:
    build: ./express-app
    expose:
      - "3000"
    environment:
      - DEBUG=myapp:*
    restart: unless-stopped

docker compose up -d --build

# コンテナのビルドと起動
docker compose down -v && docker compose up -d --build

# Apache コンテナのログ
docker compose logs apache

# epress コンテナのログ
docker compose logs express

# コンテナ内に入る
docker exec -it exapp-apache-1 bash

# Debian系で試す
apt update && apt install curl -y

# コンテナ内でアクセスする
curl http://express:3000/