ActiveStorageで画像を扱う際のTips

画像を加工して表示する

variantメソッドを使用する。下記は横幅を512pxにする例。
縦のサイズを指定する場合は、"512x256"などのように"横x縦"で指定する

class Post < ApplicationRecord
  has_many_attached :photos do |attachable|
    # 512にリサイズする。:resizedという名前でアクセスできる
    attachable.variant(:resized, resize: "512")
  end
  ...

  # リサイズした画像のURLを返す。
  def photo_urls
    photos.map { |photo| url_for(photo.variant(:resized).processed) }
  end
end

画像アクセスに有効期限を設ける

• application.rbに以下のように記述

# 1時間でアクセスが無効になる
config.active_storage.urls_expire_in = 1.hour

S3にアップロードする

• storage.ymlに設定を記載

amazon:
  service: S3
  access_key_id: <%= Rails.application.credentials.dig(:aws, :access_key_id) %>
  secret_access_key: <%= Rails.application.credentials.dig(:aws, :secret_access_key) %>
  region: <%= Rails.application.credentials.dig(:aws, :region) %>
  bucket: <%= Rails.application.credentials.dig(:aws, :s3_bucket) %>

• production.rb(またはapplication.rb)で使用するActiveStorageのサービスを変更

  # Store uploaded files on the local file system (see config/storage.yml for options).
  config.active_storage.service = :amazon

• AWSへのアクセスキー等はcredentialで設定

EDITOR=vi RAILS_ENV=production ./bin/rails credentials:edit

aws:
  access_key_id: ...
  secret_access_key: ...
  region: ap-northeast-1
  s3_bucket: images