nginx-proxy を使用して複数コンテナを立ち上げる

Docker のプロジェクトを複数同時に立ち上げたい。かつ、FQDN でアクセスしたい。

こんなイメージ

http://blog.example.local -> /home/work/blog/docker-compose.yaml
http://api.example.local -> /home/work/api/docker-compose.yaml
http://foo.example.local -> /home/work/foo/docker-compose.yaml

かつ、MailCatcher も使いたい 😅

http://blog.example.local:1080
http://api.example.local:1080
http://foo.example.local:1080

手順

http://hoge.example.local でアクセスする場合。

この手順は、MailCatcher は使用しないパターン。
MailCatcher を使用する場合は、mailcatcher-example を参照。

1. `nginx-proxy` を立ち上げておく

% git clone git@gitlab.e-2.jp:e2_oohara/docker-nginx-proxy.git
% cd docker-nginx-proxy
% make up

2. docker-compose.yaml を書く

VIRTUAL_HOST を設定する。
networks で nginx-proxy を指定する。
docker-compose down でネットワークが削除されないよう external 指定をしておく。

docker-compose.yaml 設定例

version: "3"

services:
  hoge:
    image: php:8.0-apache-with-ssl
    container_name: hoge
    expose:
      - 80
    restart: always
    environment:
      # `VIRTUAL_HOST` を設定する。
      VIRTUAL_HOST: hoge.example.local
    volumes:
      - ./htdocs:/var/www/html

# `networks` で `nginx-proxy` を指定する。
networks:
  default:
    name: nginx-proxy
    external: true

2. hosts を設定する

docker-compose.yaml の VIRTUAL_HOST を設定した FQDN を hosts に設定する。

127.0.0.1 localhost hoge.example.local

3. コンテナを立ち上げる

% docker-compose up -d

4. ブラウザでアクセスする

% open http://hoge.example.local

参考サイト

About

Languages

Language:PHP 50.3%Language:Makefile 37.2%Language:Dockerfile 12.5%