Docker環境でNginxを使い、アクセスするパスによってルーティングを２つのコンテナに分けたい

Question

やりたいこと

Docker環境で、Nginx, PHP, phpMyAdmin, MySQLの4つのコンテナを立てています。
http://ドメイン/phpMyAdmin/にアクセスしたときはphpMyAdminコンテナのドキュメントルート(/var/www/html)にルーティングし、
それ以外のパスに対するアクセスはphpコンテナのドキュメントルート(/var/www/html/public)にルーティングさせたいです。

現状

ローカルでコンテナを立ち上げて検証しています。ECSでの構築を考えて、docker-composeを使用しない前提です。
それぞれのコンテナを立ち上げて/phpMyAdmin/アクセスすると、phpMyAdminのログイン画面(/index.php)が表示されて欲しいのに
、phpコンテナの/phpMyAdmin/アクセスしたことになってしまっています。うまくphpMyadminコンテナにルーティングされていない状態です。
Nginxの設定が間違っていると思うので、知見がある方がいましたらご教授いただきたいです。

環境

phpコンテナで利用しているイメージ：　php:7.4-fpm
phpMyAdminコンテナで利用しているイメージ: phpmyadmin/phpmyadmin:fpm-alpine
Nginxで利用しているイメージ: nginx:1.18.0
Mysqlで利用しているコンテナ: mysql:5.7

server {
    listen 80 default_server;
    listen [::]:80 default_server;
    server_name localhost;

    root /var/www/html/public;
    index index.php index.html index.htm;
    access_log /var/log/nginx/access.log;
    error_log /var/log/nginx/error.log;

    client_max_body_size 20M;
    fastcgi_read_timeout 600;

    location / {
        try_files $uri $uri/ /index.php?$query_string;
    }

    location = /phpMyAdmin {
        resolver 127.0.0.11;
        alias /var/www/html;
        set $pma phpmyadmin-container:9000;
        try_files $uri $uri/ /index.php?$query_string;

        fastcgi_split_path_info ^(.+.php)(/.+)$;
        fastcgi_pass $pma;
        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        fastcgi_param SCRIPT_NAME $fastcgi_script_name;
        fastcgi_param PATH_INFO $fastcgi_path_info;
        fastcgi_param PATH_TRANSLATED $document_root$fastcgi_path_info;
        include fastcgi_params;
    }

    location ~ .php$ {
        resolver 127.0.0.11;
        root /var/www/html/public;
        set $php php-container:9000;

        fastcgi_split_path_info ^(.+.php)(/.+)$;
        fastcgi_pass $php;
        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        fastcgi_param SCRIPT_NAME $fastcgi_script_name;
        fastcgi_param PATH_INFO $fastcgi_path_info;
        fastcgi_param PATH_TRANSLATED $document_root$fastcgi_path_info;
        include fastcgi_params;
    }
}

追加資料

Answer 1

location の = は「完全一致」なので、/phpMyAdmin にはマッチしますが、/phpMyAdmin/index.php などにはマッチしないのだと思います。
^~ の「最長一致(優先)」を使うと ~* より優先されると思います。

また、alias でパス /phpMyAdmin/index.php → phpmyadmin-container の /var/www/html/index.php に変換しようとしているように見受けられますが、fastcgi で渡す $fastcgi_script_name に /phpMyAdmin が含まれているので、意図した通りにならないと思います。
以下の 2つの方法が考えられます。

A. fastcgi_split_path_info で /phpMyAdmin を取り除く。

location ^~ /phpMyAdmin {
  (略)
    root /var/www/html;    ★追加

    fastcgi_split_path_info ^/phpMyAdmin(.+.php)(.+)$;    ★変更
    fastcgi_pass $pma;
    fastcgi_index index.php;
    fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
    fastcgi_param SCRIPT_NAME $fastcgi_script_name;
    fastcgi_param PATH_INFO $fastcgi_path_info;
    fastcgi_param PATH_TRANSLATED $document_root$fastcgi_path_info;
    include fastcgi_params;
}

B. rewrite で /phpMyAdmin を取り除く。

location ^~ /phpMyAdmin {
  (略)
    root /var/www/html;    ★追加
    rewrite ^/phpMyAdmin(.*)$ $1 break;    ★追加

    fastcgi_split_path_info ^(.+.php)(/.+)$;
    fastcgi_pass $pma;
    fastcgi_index index.php;
    fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
    fastcgi_param SCRIPT_NAME $fastcgi_script_name;
    fastcgi_param PATH_INFO $fastcgi_path_info;
    fastcgi_param PATH_TRANSLATED $document_root$fastcgi_path_info;
    include fastcgi_params;
}

Comments

[ma-kun92]

TaichiYanagiya様

お返事ありがとうございます。
いただいた内容で検証いたしました結果、どちらの方法でも/phpMyAdmin/に対するアクセスでphpMyAdminコンテナのドキュメントルート(/var/www/html/)にあるindex.phpにアクセスできることが確認できました。
個人的にはBの方法を使ってURLを置換する方法の方がしっくりきたので、そちらの方法を採用させていただきました！
こちらの方法を採用した後に/phpMyAdmin/にアクセスすると、phpMyAdminコンテナに配置してあるjs, cssファイルの読み込みが403エラーになってしまいます。問題の切り分けとしてNginxの設定ではなくファイルの権限周りと考えていいでしょうか。過去にご経験があれば、お聞きしたいです。ブラウザで表示されるエラーの画像を質問に添付しておきます。

[TaichiYanagiya]

nginx および php-fpm のログを調べてみてください。
php-fpm で .php 以外のファイルを (Webサーバーのように) 扱うのならば、security.limit_extensions の設定が必要になります。
でも、このコンテナイメージでは 80番ポートで Webサーバーが稼働しているようですので、Nginx からの接続は FCGI を使わずに、HTTP で接続すればいいのでは？

[ma-kun92]

とりあえず表示させてみようと思い、security.limit_extensionsの設定にcss, jsを追加してみましたが、cssがうまく当たらないのでやめました。。

> でも、このコンテナイメージでは 80番ポートで Webサーバーが稼働しているようですので、Nginx からの接続は FCGI を使わずに、HTTP で接続すればいいのでは？

たしかに、これまではFCGI を使ってfastcgi_passの設定にfastcgi_pass phpmyadmin-container:9000;と記述すればうまいこと接続されないかなぁと淡い期待をして実装していました。
なので、nginxコンテナ --> phpMyAdminコンテナのHTTP接続を実現するために、nginxの設定にどう記述すれば良いかわからないのが現状です。知識不足で話についていけず申し訳ないです。

[ma-kun92]

> でも、このコンテナイメージでは 80番ポートで Webサーバーが稼働しているようですので、Nginx からの接続は FCGI を使わずに、HTTP で接続すればいいのでは？

色々と調べていますが、糸口が掴めません。
上記の部分をもう少し説明していただいてもよろしいでしょうか。

[TaichiYanagiya]

http://nginx.org/en/docs/http/ngx_http_proxy_module.html#proxy_pass
他、「nginx リバースプロキシ proxy_pass」で検索すれば事例が見つかると思います。

[ma-kun92]

ありがとうございます。感謝します。

[ma-kun92]

TaichiYanagiya様

いろいろとご回答ありがとうございました。どの文章も落ち着いていてわかりやすかったです。
わからないところが残っていますが、当初の質問に対して適切なご回答をいただけたのでクローズいたします。

[ma-kun92]

TaichiYanagiya様

コメントが重なりもうしわけありません。
下記のnginxのserverブロックの設定を下記の記述にした場合に、`/phpMyAdmin/`でphpMyAdminコンテナにルーティングされることができ、画面が正常に表示されるところまで実現できました。
`proxy_pass http://$pma;`の部分で、コンテナ間での名前解決がされることがまだしっくりきていませんが、求めていた形ができました。
本当に丁寧なアドバイスありがとうございました。

```
server {
listen 80 default_server;
listen [::]:80 default_server;
server_name localhost;

root /var/www/html/public;
index index.php index.html index.htm;
access_log /var/log/nginx/access.log;
error_log /var/log/nginx/error.log;

client_max_body_size 20M;
fastcgi_read_timeout 600;

location / {
try_files $uri $uri/ /index.php?$query_string;
}

location ^~ /phpMyAdmin {
resolver 127.0.0.11;
　　 set $pma phpmyadmin-container:80;
root /var/www/html;
proxy_pass http://$pma;

rewrite ^/phpMyAdmin(.*)$ $1 break;
}

location ~ .php$ {
resolver 127.0.0.11;
set $php php-container:9000;

fastcgi_split_path_info ^(.+.php)(/.+)$;
fastcgi_pass $php;
index index.php

fastcgi_index index.php;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
fastcgi_param SCRIPT_NAME $fastcgi_script_name;
fastcgi_param PATH_INFO $fastcgi_path_info;
fastcgi_param PATH_TRANSLATED $document_root$fastcgi_path_info;
include fastcgi_params;
}
}

```