Capistranoで自動デプロイ後、502 Bad Gatewayエラーが表示される

Question

前提・実現したいこと

Ruby on Railsでオリジナルアプリを作成しています。
手動デプロイ、Nginxの設定は済んでいますが、Capistranoで自動デプロイを実行したところ、502 Bad gatewayのエラーが出て詰まっています。

発生している問題・エラーメッセージ

アプリケーションのディレクトリでbundle exec cap production deployを実行したところ、下記の画面が出てきて自動デプロイはできている認識でいます。
その後、IPアドレスにアクセスすると502 Bad Gatewayとエラーが表示され解決できずにいます。

00:53 deploy:assets:backup_manifest
      01 mkdir -p /var/www/app_name/releases/20210502224248/assets_manifest_backup
    ✔ 01 [e-mail] 0.123s
      02 cp /var/www/app_name/releases/20210502224248/public/assets/.sprockets-manifest-d9815ef5061edc1f5133a83421dafb39.json /var/www/app_name/releases/20210502224248/assets_manifest_backup
    ✔ 02 [e-mail] 0.129s
00:54 deploy:migrate
      [deploy:migrate] Run `rake db:migrate`
00:54 deploy:migrating
      01 $HOME/.rbenv/bin/rbenv exec bundle exec rake db:migrate
    ✔ 01 [e-mail] 1.811s
00:56 deploy:symlink:release
      01 ln -s /var/www/app_name/releases/20210502224248 /var/www/app_name/releases/current
    ✔ 01 [e-mail] 0.139s
      02 mv /var/www/app_name/releases/current /var/www/app_name
    ✔ 02 [e-mail] 0.128s
00:56 unicorn:start
      01 $HOME/.rbenv/bin/rbenv exec bundle exec unicorn -c /var/www/app_name/current/config/unicorn.rb -E deployment -D 
    ✔ 01 [e-mail] 1.628s
      unicorn restarting...
      02 kill -s USR2 `cat /var/www/app_name/shared/tmp/pids/unicorn.pid`
    ✔ 02 [e-mail] 0.132s
00:58 deploy:cleanup
      Keeping 5 of 6 deployed releases on xx.xxx.xxx.xxx
      01 rm -rf /var/www/app_name/releases/20210501125235
    ✔ 01 [e-mail] 1.367s
01:00 deploy:log_revision
      01 echo "Branch master (at f36ae5f5de6da628e4f4d3f84ba5994fc505539a) deployed as release 20210502224248 by user" >> /var/www/app_name/revisions.log
    ✔ 01 [e-mail] 0.126s

production.logでエラーログを確認しましたが、エラーの箇所は見当たらないように見えます。

I, [2021-05-01T08:45:36.561125 #21248]  INFO -- : [52ce6ffa-a195-45c2-b82f-e174073cca51] Processing by SpotsController#index as */*
D, [2021-05-01T08:45:36.562277 #21248] DEBUG -- : [52ce6ffa-a195-45c2-b82f-e174073cca51]   Rendering layout layouts/application.html.erb
D, [2021-05-01T08:45:36.563497 #21248] DEBUG -- : [52ce6ffa-a195-45c2-b82f-e174073cca51]   Rendering spots/index.html.erb within layouts/application
D, [2021-05-01T08:45:36.564273 #21248] DEBUG -- : [52ce6ffa-a195-45c2-b82f-e174073cca51]   Rendered shared/_header.html.erb (Duration: 0.4ms | Allocations: 171)
D, [2021-05-01T08:45:36.565003 #21248] DEBUG -- : [52ce6ffa-a195-45c2-b82f-e174073cca51]   Spot Load (0.3ms)  SELECT `spots`.* FROM `spots` ORDER BY RAND() LIMIT 5
D, [2021-05-01T08:45:36.566505 #21248] DEBUG -- : [52ce6ffa-a195-45c2-b82f-e174073cca51]   Spot Load (0.2ms)  SELECT `spots`.* FROM `spots`
D, [2021-05-01T08:45:36.567149 #21248] DEBUG -- : [52ce6ffa-a195-45c2-b82f-e174073cca51]   Rendered shared/_footer.html.erb (Duration: 0.2ms | Allocations: 132)
I, [2021-05-01T08:45:36.568368 #21248]  INFO -- : [52ce6ffa-a195-45c2-b82f-e174073cca51]   Rendered spots/index.html.erb within layouts/application (Duration: 4.8ms | Allocations: 1002)
I, [2021-05-01T08:45:36.568846 #21248]  INFO -- : [52ce6ffa-a195-45c2-b82f-e174073cca51]   Rendered layout layouts/application.html.erb (Duration: 5.4ms | Allocations: 1251)
I, [2021-05-01T08:45:36.569096 #21248]  INFO -- : [52ce6ffa-a195-45c2-b82f-e174073cca51] Completed 200 OK in 8ms (Views: 6.4ms | ActiveRecord: 0.5ms | Allocations: 1794)

config/unicorn.rbとNginxのファイルの設定は下記のように設定しています。

該当のソースコード

app_path = File.expand_path('../../../', __FILE__)

worker_processes 1

working_directory "#{app_path}/current" 

pid "#{app_path}/shared/tmp/pids/unicorn.pid" 

listen "#{app_path}/shared/tmp/sockets/unicorn.sock"

stderr_path "#{app_path}/shared/log/unicorn.stderr.log" 

stdout_path "#{app_path}/shared/log/unicorn.stdout.log"

timeout 60

preload_app true
GC.respond_to?(:copy_on_write_friendly=) && GC.copy_on_write_friendly = true

check_client_connection false

run_once = true

before_fork do |server, worker|
  defined?(ActiveRecord::Base) &&
    ActiveRecord::Base.connection.disconnect!

  if run_once
    run_once = false # prevent from firing again
  end

  old_pid = "#{server.config[:pid]}.oldbin"
  if File.exist?(old_pid) && server.pid != old_pid
    begin
      sig = (worker.nr + 1) >= server.worker_processes ? :QUIT : :TTOU
      Process.kill(sig, File.read(old_pid).to_i)
    rescue Errno::ENOENT, Errno::ESRCH => e
      logger.error e
    end
  end
end

after_fork do |_server, _worker|
  defined?(ActiveRecord::Base) && ActiveRecord::Base.establish_connection
end

upstream app_server {
  server unix:/var/www/app_name/shared/tmp/sockets/unicorn.sock;
}

server {
  listen 80;
  server_name xx.xxx.xxx.xxx;
  client_max_body_size 2g;

  root /var/www/app_name/current/public;

# assetsファイル(CSSやJavaScriptのファイルなど)にアクセスが来た際に適用される設定
  location ^~ /assets/ {
    gzip_static on;
    expires max;
    add_header Cache-Control public;
    root /var/www/app_name/current/public;
  }

  try_files $uri/index.html $uri @unicorn;

  location @unicorn {
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Host $http_host;
    proxy_redirect off;
    proxy_pass http://app_server;
  }

  error_page 500 502 503 504 /500.html;
}

エラーの原因がわからず、他におかしいと思われる場所がわかりましたらご教示いただけないでしょうか。

Comments

[yaha4967]

ゲートウェイは正しくVPCとアタッチしてますか？

[ebi_mayo]

回答ありがとうございます。
こちらの記事の内容で環境構築をしたため、VPC、ゲートウェイの作成とアタッチはできていませんでした。
https://qiita.com/gyu_outputs/items/f0ab345402362e43db80

AWSのデプロイが初めてのため勉強不足で恐縮ですが、VPCやゲートウェイの設定は必須という認識であってますでしょうか？
環境構築について再度調べて設定してみようと思います。

[yaha4967]

ごめんなさい。僕もちゃんとは分かってないです（笑）

僕は毎度デプロイする際ここ見ながらやっています。
https://qiita.com/naoki_mochizuki/items/f795fe3e661a3349a7ce#3%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%82%B2%E3%83%BC%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A4%E3%81%AE%E4%BD%9C%E6%88%90

ヒントにでもなったら幸いです。

[yaha4967]

すみません！もう解決しましたか？

僕も今似たエラーにかかったんですけどnginxの設定いじったら治りました！

[ebi_mayo]

こちら返信できておらずすみません！
まだ解決できていないです…。

nginxのエラーログをみたところ
connect() to unix:/var/www/app_name/shared/tmp/sockets/unicorn.sock failed (2: No such file or directory)
とあったのでこれが原因かと思い、nginxの設定を見直してもおかしいところが見つけられずにいます。

よろしければnginxの設定をどのようにしたら解決したか教えていただけないでしょうか？

[yaha4967]

いえいえ！たまたま僕もBadGatewayが出てしまったので

僕の場合はReact + Rails APIで開発してたのですが、nginxの設定でReactとRailsAPIが繋がっていなかったんですよね。多分、そういう繋がってない状態がBadGatewayというのかと思います。

＞＞connect() to unix:/var/www/app_name/shared/tmp/sockets/unicorn.sock failed (2: No such file or directory)

で、多分これではないでしょうか？このパスが正しかったとしたらちょっとわからないです。。。

[ebi_mayo]

こちら解決しました！
結論パスが誤っていたようで、nginxとunicornの設定を修正したら解決しました。
ありがとうございました。

[yaha4967]

やっぱそうですよね！よかったです！

Answer 1

パスが誤っており、nginxとunicornの設定を修正したら解決しました。