nginxとpumaの接続が上手く行かないので解決したい (2: No such file or directory)

Question

前提

現在こちらのサイトを参考にdocker-compose を使用してバックエンド側(Rails7系 APIモード)とフロントエンド側(React TypeScript)で開発したポートフォリオをAWSにデプロイしようとしています。現在サイトの通りに、一旦ローカル環境でRailsが本番環境で正常に作動するかチェックをしています。しかし、コンテナを起動すると以下のエラーが発生してしまいます。

発生している問題・エラーメッセージ（nginxコンテナで発生）

web_1    | 2022/08/26 00:46:25 [crit] 7#7: *1 connect() to unix:///myapp/tmp/sockets/puma.sock failed (2: No such file or directory) while connecting to upstream, client: 172.25.0.1, server: localhost, request: "GET / HTTP/1.1", upstream: "http://unix:///myapp/tmp/sockets/puma.sock:/", host: "localhost"
web_1    | 2022/08/26 00:46:25 [crit] 7#7: *1 connect() to unix:///myapp/tmp/sockets/puma.sock failed (2: No such file or directory) while connecting to upstream, client: 172.25.0.1, server: localhost, request: "GET / HTTP/1.1", upstream: "http://unix:///myapp/tmp/sockets/puma.sock:/500.html", host: "localhost"
web_1    | 172.25.0.1 - - [26/Aug/2022:00:46:25 +0000] "GET / HTTP/1.1" 502 559 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36"
web_1    | 2022/08/26 00:46:25 [crit] 7#7: *1 connect() to unix:///myapp/tmp/sockets/puma.sock failed (2: No such file or directory) while connecting to upstream, client: 172.25.0.1, server: localhost, request: "GET /favicon.ico HTTP/1.1", upstream: "http://unix:///myapp/tmp/sockets/puma.sock:/favicon.ico", host: "localhost", referrer: "http://localhost/"
web_1    | 2022/08/26 00:46:25 [crit] 7#7: *1 connect() to unix:///myapp/tmp/sockets/puma.sock failed (2: No such file or directory) while connecting to upstream, client: 172.25.0.1, server: localhost, request: "GET /favicon.ico HTTP/1.1", upstream: "http://unix:///myapp/tmp/sockets/puma.sock:/500.html", host: "localhost", referrer: "http://localhost/"
web_1    | 172.25.0.1 - - [26/Aug/2022:00:46:25 +0000] "GET /favicon.ico HTTP/1.1" 502 559 "http://localhost/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36"

docker-compose.production.yml

version: "3.3"
services:
  api:
    build:
      context: ./backend/
      dockerfile: Dockerfile
    command: bash -c "rm -f tmp/pids/server.pid && bundle exec puma -C config/puma.rb -e production"
    volumes:
      - ./backend:/myapp
      - ./backend/vendor/bundle:/myapp/vendor/bundle
    environment:
      TZ: Asia/Tokyo
      RAILS_ENV: development
    # ports:
    #   - "3001:3000"
    depends_on:
      - db
    stdin_open: true
    tty: true
    env_file:
      - .env
    user: root

  front:
    build:
      context: ./frontend/
      dockerfile: Dockerfile
    volumes:
      - ./frontend/app:/usr/src/app
    command: sh -c "yarn && yarn start"
    ports:
      - "4000:3000"
    environment:
      - WDS_SOCKET_PORT=0
  
  db:
    image: mysql:8.0
    environment:
      MYSQL_ROOT_PASSWORD: ${DB_PASSWORD}
    command: --default-authentication-plugin=mysql_native_password
    volumes:
      - mysql-data:/var/lib/mysql
      - /tmp/dockerdir:/etc/mysql/conf.d/
    ports:
      - "3306:3306"
    cap_add:
      - SYS_NICE
  
  web:
    build:
      context: backend/containers/nginx
    volumes:
      - public-data:/myapp/public
      - tmp-data:/myapp/tmp
    ports:
      - 80:80
    depends_on:
      - api

volumes:
  db:
    driver: local
  public-data:
  tmp-data:
  log-data:
  mysql-data:

config/puma.rb

threads_count = ENV.fetch("RAILS_MAX_THREADS") { 5 }.to_i
threads threads_count, threads_count
port        ENV.fetch("PORT") { 3000 }
environment ENV.fetch("RAILS_ENV") { "development" }
plugin :tmp_restart

app_root = File.expand_path("../..", __FILE__)
# bind "unix:#{app_root}/tmp/sockets/puma.sock"
bind "unix://#{app_root}/tmp/sockets/puma.sock"

stdout_redirect "#{app_root}/log/puma.stdout.log", "#{app_root}/log/puma.stderr.log", true

nginx.conf

# プロキシ先の指定
# Nginxが受け取ったリクエストをバックエンドのpumaに送信
upstream myapp {
  # ソケット通信したいのでpuma.sockを指定
  # server unix:/myapp/tmp/sockets/puma.sock;
  server unix:///myapp/tmp/sockets/puma.sock;
}

server {
  listen 80;
  # ドメインもしくはIPを指定
  server_name localhost;
  # server_name .*;

  access_log /var/log/nginx/access.log;
  error_log  /var/log/nginx/error.log;

  # ドキュメントルートの指定
  root /myapp/public;

  client_max_body_size 100m;
  error_page 404             /404.html;
  error_page 505 502 503 504 /500.html;
  try_files  $uri/index.html $uri @myapp;
  keepalive_timeout 5;

  # リバースプロキシ関連の設定
  location @myapp {
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Host $http_host;
    proxy_pass http://myapp;
  }
}

試したこと

・まず、エラーの通り/myapp/tmp/sockets/puma.sockファイルがないのだと思い、以下を試しました。

１　パスの確認

　このサイトを参考に進めました。私の場合、docker-compose で同じサーバ（EC2インスタンス）上で同時にrailsとnginxを立ち上げるため、「１. WEB/APサーバが一体化された構成」というのが当てはまりそうです。
「上記の設定後はrails server起動時にsockファイルがlistenされるようになります。」とあるようにpuma.rbを設定後railsコンテナは

api_1    | Puma starting in single mode...
api_1    | * Puma version: 5.6.4 (ruby 3.1.2-p20) ("Birdie's Version")
api_1    | *  Min threads: 5
api_1    | *  Max threads: 5
api_1    | *  Environment: production
api_1    | *          PID: 1
api_1    | * Listening on http://0.0.0.0:3000
api_1    | * Listening on unix:///myapp/tmp/sockets/puma.sock
api_1    | Use Ctrl-C to stop

となっているので正常に動作してそうです。
しかし、connect() to unix:///myapp/tmp/sockets/puma.sock failed (2: No such file or directory)というエラーがnginx側で出ています。

$docker-compose -f docker-compose.production.yml exec web nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful

となっているので恐らくnginxは起動はしています。

２なぜかファイルエラーが起きるので再度作成

このように、puma.sockがvscodeで開けないようです。一度消して再度作り直した（pumaにより強制的に作られる）のですがこうなってしまいます。これは仕様でしょうか。

3 myappディレクトリが何なのかよくわからない

　私のディレクトリにはmyappというディレクトリは存在しません。appならあります。ですが、

app_root = File.expand_path("../..", __FILE__)
bind "unix://#{app_root}/tmp/sockets/puma.sock"

puma.rbにあるこの部分でパスを生成しているので合っている？と思われます。
・何かしらアドバイスがあればよろしくお願いいたします。不備があれば追記いたします。

追記

bind "unix://#{app_root}/backend/tmp/sockets/puma.sock"

bind "unix:/backend/tmp/sockets/puma.sock"

puma.rb nginx.confのパスをそれぞれ書き換えましたが、今度は

bundler: failed to load command: puma (/usr/local/bundle/bin/puma)

というエラーでディレクトリやファイルが見つからないというエラーが起きました。
また、この記事を参考に

puma.rb

bind "unix:#{app_root}/tmp/sockets/puma.sock"

nginx.conf

upstream myapp {
  # ソケット通信したいのでpuma.sockを指定
  server unix:/myapp/tmp/sockets/puma.sock;
  # server unix:///myapp/tmp/sockets/puma.sock;
}

このように書き換え、再度ビルドしましたが

connect() to unix:/myapp/tmp/sockets/puma.sock failed (2: No such file or directory) 

となってしまいます。どうすればいいのでしょうか。

Answer 1

server unix:/myapp/tmp/sockets/puma.sock;

この部分はあくまでnginxコンテナの中のパスを指しているので、railsのコンテナ内のどこにあっても実際はあまり関係がありません。

参考の記事とdocker-compose.ymlの内容が違うのできちんと見比べてみましょう。

参考記事中ではdocker-compose.ymlの下記の部分でローカルホストのボリュームマウントをしています。
左側がdockerを起動している環境、右側がコンテナ内のディレクトリです
左側に絶対パスでも相対パスでもない名前を指定している箇所（tmp-dataなど）がありますが、それはdocker-compose.yml内にvolumesを定義することで名前付きボリュームをdocker-compose.yml内で使用できます。
今回だと最下部で指定していますね。

• railsコンテナのvolumesの箇所抜粋

    volumes:
      - .:/myapp
      - public-data:/myapp/public
      - tmp-data:/myapp/tmp
      - log-data:/myapp/log
      - /myapp/node_modules

• nginxコンテナのvolumesの箇所抜粋

    volumes:
      - public-data:/myapp/public
      - tmp-data:/myapp/tmp

• 名前付きボリュームの定義

volumes:
  db:
    driver: local
  public-data:
  tmp-data:
  log-data:
  mysql-data:

これによってrailsコンテナ内の/myapp/tmpを名前付きボリュームのtmp-dataにマウントし、
同時にnginxコンテナ内の/myapp/tmpを同じように名前付きボリュームのtmp-dataディレクトリにマウントしています。
つまり、この設定だとtmp-dataに配置されたファイルは双方のコンテナから参照できるようになります。
よって、
railsのコンテナが自コンテナ内の/myapp/tmpディレクトリ配下にsockファイルを作成する
↓
tmp-dataにrailsのsockファイルが作成される（実際には↑で作成されたものをそのまま参照している）
↓
nginxのコンテナが自コンテナ内の/myapp/tmpディレクトリにあるrailsのsockファイルを参照する

ということが行えるようになります。

しかし、この質問に貼ったdocker-compose.ymlではソケットファイルの存在するボリュームをnginxでマウントしていないため参照できていません。
貼ったファイルではrailsコンテナはローカルのbackendディレクトリをマウントしています

    volumes:
      - ./backend:/myapp
      - ./backend/vendor/bundle:/myapp/vendor/bundle

しかしnginxはtmp-dataをマウントしているだけなので、そこにはsockファイルはなくエラーになります。

いずれかの定義を修正して、nginxからsockファイルが見える状態にしてください。

Comments

[senseIY]

ご指摘の通りにdocker-compose.ymlのvolumes部分をnginxからsockファイルが見える状態に編集したところエラーが解消されました。ありがとうございました。