RailsのAction Cableを使うためのNginxの設定

2018.12.06

Action Cableが使えるようにNginxの設定をする



# ActionCable
location /cable {
  proxy_pass http://puma/cable;
  proxy_http_version 1.1;
  proxy_set_header Upgrade websocket;
  proxy_set_header Connection Upgrade;
  proxy_set_header X-Real-IP $remote_addr;
  proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

全体のNginxの設定



upstream puma {
  server unix:/tmp/puma.sock;
}

server {
  listen 80 default_server;
  server_name mydomain.com;

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

  # httpでのアクセスはhttpsにリダイレクトする
  if ($http_x_forwarded_proto != 'https') {
    return 301 https://$http_host$request_uri;
  }
}

ssl_protocols TLSv1 TLSv1.1 TLSv1.2;

server {
  listen 443;
  ssl on;
  server_name playfulit.net;

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

  ssl_certificate /etc/letsencrypt/live/mydomain.com/fullchain.pem;
  ssl_certificate_key /etc/letsencrypt/live/mydomain.com/privkey.pem;

  root /var/www/public;

  client_max_body_size 100m;
  error_page 404 /404.html;
  error_page 500 502 503 504 /500.html;
  try_files $uri/index.html $uri @puma;

  gzip on;

  location @puma {
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Proto $scheme;
    proxy_set_header Host $http_host;
    proxy_pass http://puma;
  }

  # 静的ファイルのキャッシュは長めに設定
  location ~ .*\.(jpg|gif|png|css|js|ico|woff) {
    expires 10d;
  }

  # ActionCable
  location /cable {
    proxy_pass http://puma/cable;
    proxy_http_version 1.1;
    proxy_set_header Upgrade websocket;
    proxy_set_header Connection Upgrade;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  }
}