RailsでDragonflyを利用して動的に処理しつつS3側のCDNを利用したい。 #Rails

これはなに？

Dragonflyを利用してリサイズなどの画像処理をしたい
リサイズ画像をS3に都度アップロードしたい
Railsではなくて、S3のbucketのドメインにCDNしたい。

上記要件を達成するために、色々ゴニョった結果案外シンプルなことになったので、結果を共有というかメモしておきます。

都度S3にアップロードする処理

Dragonfly のドキュメントに一応載ってるけど、転載します。

まずTableの作成、カラムが2つあればOK。

signatureは、sha部分が入ります。
uidは、s3のbucket以下のpathが入ります。

db/schemas/thumbnails.schema

create_table "thumbnails", id: :bigint, unsigned: true, force: :cascade, options: "ENGINE=InnoDB DEFAULT CHARSET=utf8mb4" do |t|
  t.string   "signature",                limit: 191, null: false
  t.string   "uid",                      limit: 255, null: false
  t.datetime "created_at",                           null: false
  t.datetime "updated_at",                           null: false
end

add_index "thumbnails", ["signature"], name: "xxxxx", unique: true, using: :btree

続いて、configureの設定

config/initializers/dragonfly.rb

require 'dragonfly'
require 'dragonfly/s3_data_store'

Dragonfly.app.configure do
  ...
  define_url do |app, job, opts|
    thumb = Thumb.find_by(signature: job.signature)
    if thumb
      app.datastore.url_for(thumb.uid)
    else
      app.server.url_for(job)
    end
  end

  before_serve do |job, env|
    uid = job.store
    Thumb.create!(uid: uid, signature: job.signature)
  end
end

...

注意点としては、S3DataStoreの url_for で期待するpathが返ってくるように設定する必要があります。

参照: processing-on-the-fly-and-serving-remotely

Railsではなくて、S3のbucketのドメインにCDNしたい

Dragonflyのドキュメントや、見つけた参考になりそうなQiitaなどは、みなさんサービスドメインに対してCDNを設定する前提になっているので、そうじゃなくて「S3のバケットをCDNしたいんだよ！」ということでゴニョりしました。

config/initializers/dragonfly.rb

...
  datastore :s3,
      bucket_name:       ENV['S3_BUCKET_NAME'],
      access_key_id:     ENV['AWS_ACCESS_KEY'],
      secret_access_key: ENV['AWS_SECRET_ACCESS_KEY'],
      url_scheme:        ENV['S3_SCHEME'],
      url_host:          ENV['S3_CDN_HOST'],
      region:            ENV['S3_REGION']

...

url_schemeは、httpsを利用する必要があれば追加してください。(defaultは httpです）
url_hostは、CDNのhost名を設定します。datastore側のurl_hostに設定することで、 url_for methodで期待するhostを返してくれるようになります。（何も設定しないと、bucket名から生成したs3のホスト名です）

最終的な、configure

参考までに掲載しておきますね。

ポイントとしては、shaをquery string にせず、pathに入れたりできるので、それをやってます。

参考

みなさんのアウトプットに感謝します。