「jwilder/nginx-proxy」を使用したリバースプロキシ環境を構築できない (Let's Encryptを使用)

Question

困っていること

現在、1個のVPSを使用して、複数のサービス立ち上げを実施しようとしています。(金銭的節約のため)
そこで、Let's Encrypt を使用してワイルドカード証明書 (*.xxx.tokyo) を取得しました。

次に、サーバーの80番ポートにnginxをDockerコンテナとして立て、
そこからサブドメインに応じてサービスを呼び出して結果を返却するような処理をしたいと思っています。
(例 : aaa.xxx.tokyo にアクセスが来たらDockerコンテナAに接続する。
bbb.xxx.tokyo にアクセスが来たらDockerコンテナBに接続する。)

しかし、これができずに困っています。

現状

現在、jwilder/nginx-proxy を使用して、上記を達成しようと考えているのですが、うまくいきません。
以下に jwilder/nginx-proxy を使用した docker-compose ファイルを添付します。

version: '2'

services:

  proxy:
    image: jwilder/nginx-proxy
    container_name: nginx-proxy
    privileged: true
    ports:
      - "80:80"
      - "443:443"
    volumes:
      - /etc/letsencrypt/live/xxx.tokyo:/etc/nginx/certs
      - /var/run/docker.sock:/tmp/docker.sock:ro
    restart: always

networks:
  default:
    external:
      name: nginx-proxy
```

また、呼び出す側のサービスについては、以下のコマンドでサービスを立ち上げています。
``````shell
sudo docker run --privileged -e VIRTUAL_HOST=aaa.xxx.tokyo --net nginx-proxy -d -it -p 4003:8080 --name xxx xxx:yyyyMMddHHmmss /bin/sh-c 'java -jar xxx.jar'
```

また、現状、dockerの nginx-proxy ネットワークに以下の状態です。
``````json
[
    {
        "Name": "nginx-proxy",
        "Id": "14b2baea5141ce378469d8e0b1c7d427cbb80cbf336c3d8295a6f00b08cfffe1",
        "Created": "2020-02-26T13:00:53.948523872+09:00",
        "Scope": "local",
        "Driver": "bridge",
        "EnableIPv6": false,
        "IPAM": {
            "Driver": "default",
            "Options": {},
            "Config": [
                {
                    "Subnet": "172.23.0.0/16",
                    "Gateway": "172.23.0.1"
                }
            ]
        },
        "Internal": false,
        "Attachable": false,
        "Ingress": false,
        "ConfigFrom": {
            "Network": ""
        },
        "ConfigOnly": false,
        "Containers": {
            "9dfe662acec396b4919a29c3cffceb70c4e33a95a0ea085ad82858ee35566129": {
                "Name": "xxx",
                "EndpointID": "746b9fe12c0448c8e19d058adf549f14df9aa8f7900d6ef8a6da6955842420ac",
                "MacAddress": "02:42:ac:17:00:02",
                "IPv4Address": "172.23.0.2/16",
                "IPv6Address": ""
            },
            "b8c2cd4a1ede804805a8999d1bf4de71a0724c5aa18f1423ef01ed16bfe9b8ae": {
                "Name": "nginx-proxy",
                "EndpointID": "8074a0c7e27ec408d2813a1ec34a10fea5a1ce8e009fbb3b73ac78c310a36bc1",
                "MacAddress": "02:42:ac:17:00:03",
                "IPv4Address": "172.23.0.3/16",
                "IPv6Address": ""
            }
        },
        "Options": {},
        "Labels": {}
    }
]
```
この状態でブラウザから接続を確認すると以下の状態です。
- http://xxx.tokyo
   -> サービスが起動していることがわかる
- http://xxx.tokyo:4003
   -> サービスが起動していることがわかる
- https://xxx.tokyo
   -> このサイトにアクセスできません、と出てくる
- http://aaa.xxx.tokyo
   -> このサイトにアクセスできません、と出てくる
- https://aaa.xxx.tokyo
   -> このサイトにアクセスできません、と出てくる

## 実施したこと
既に jwilder/nginx-proxy の [Readme](https://github.com/jwilder/nginx-proxy) は確認しましたが、
いまいち理解しきれていない状況です。

何卒解消方法をご教示いただけますと幸いです。

Answer 1

原因はおそらく質問者さんが期待されている4003番ポートに実際には到達できていないからだと思います。nginx-proxyはバックエンドのコンテナ側も80番で待ち受けることを期待していると思いますが、この場合コンテナ側のポートはjavaの8080番なので、VIRTUAL_PORTを8080に設定する必要がありそうです。
このときnginx-proxyはコンテナ内のネットワークを使うため、ホスト側の4003番ポートをマッピングする必要もなさそうです。

このdocker-compose.ymlだとコンテナは1つしかありませんが、それぞれ別のコンテナを上手くつなげたいなら全部この1つのYAMLで管理するほうが簡単かもしれません。

これは余談ですがdocker-compose.ymlのversion: '2'は古いので3に上げておくと後で楽かもしれません。
1 -> 2と違って2 -> 3のほうがだいぶ難易度は低いです（多分そのまま動きます）

Comments

[baseballyama]

ご回答ありがとうございます。

はい。コンテナ側のjavaのポートを8080から80に変更したところ、正常に動作しました。
(VIRTUAL_PORT を使用する方法も理解しました。ありがとうございます。)

また、4003番ポートをマッピングする必要がないのもおっしゃる通りですね。
セキュリティの面からもそうすべきだと思いましたので実施致しました。
(ホスト側の4003ポートは閉じました)

docker-compose.yml の version も 3 に上げました。(そのまま動きました！)

今後、リバースプロキシを使用してより多くのコンテナを管理する予定なのですが、
docker-compose.yml 1個で管理してしまうと、個別のコンテナだけを再起動したい場合に
対応できないのではないかと思って分けて管理することにしました。
もし良い方法があればご教示頂けますと幸いです。