【Rails】RailsのAPIモードでcookieを使用するTips｜Rubinistを目指す新米エンジニアのTECH BLOG

Railsでcookieを使用するときのやり方について、少し知見が溜まったのでアウトプットしていきたいと思います。

※ RailsをAPIサーバーとして使うことを前提としています。

APIモードでクッキーを使う設定
SameSite属性とSecure属性が必須！
HttpOnly属性はできるだけつける
その他の属性
クッキーの削除するときの注意
さいごに

APIモードでクッキーを使う設定

Rails APIモードの場合は、デフォルトではCookieを使用するミドルウェアが無効になっているので、有効にしておきます。

class Application < Rails::Application 
  # 略

  config.middleware.use ActionDispatch::Cookies
end

class ApplicationController < ActionController::API
  include ActionController::Cookies

  # 略
end

これでcookiesメソッドが使えるようになっているはずです。

APIとして使うことが前提なので、ブラウザにCORSで弾かれないようにAccess-Control-Allow-Originヘッダにオリジンが指定されていること(「*」ではだめです。)とAccess-Control-Allow-Credentials: trueがレスポンスに含まれていることをチェックします。

SameSite属性とSecure属性が必須！

最近のモダンブラウザでは、SameSite属性値のデフォルトがLaxになりました。

これにより、クロスサイトに該当するサーバーにはcookieが送信されなくなりました。つまり、SPA構成でブラウザのCookieに値を保存するにはSameSite属性をnoneに設定する必要があります。具体的には下のようにします。

※ ここではすべてのCookieでnoneを設定する想定でミドルウェアに設定しています。

 config.action_dispatch.cookies_same_site_protection = :none

また、SameSite属性がnoneの場合は、CookieのSecure属性がtrueの場合にしか、Cookieを送信しません。具体的にはこのように設定します。

    cookies[:user_id] = {
      value: token,
      expires: Time.current + 1.day,
      path: '/',
      httponly: true,
      secure: true  # 必須
    }

※ Secure属性はHTTPSで暗号化された通信のときのみCookieを送信するという設定です。https://developer.mozilla.org/ja/docs/Web/HTTP/Cookies#cookie_%E3%81%B8%E3%81%AE%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E5%88%B6%E9%99%90

※ Chrome80から変更されたCookieに関する仕様変更の記事
https://www.docusign.jp/blog/google-chrome-80-samesite-cookie

HttpOnly属性はできるだけつける

サーバー側のセッションを持続させるクッキーなどJavaScriptから操作する必要のないクッキーに対してはHttpOnly属性をつけておくのがよいです。これにより、XSSによる攻撃を防ぐのに役立ちます。

    cookies[:user_id] = {
      value: token,
      expires: Time.current + 1.day,
      path: '/',
      httponly: true, # JavaScriptから利用しない場合はつける
      secure: true
    }

※ HttpOnly属性がtrueになっていると、JavaScriptからdocument.cookieで値を取得できなくなります。