【Rails】【メモ】carrierwaveの使い方

環境

• Mac（12.2.1）
  • MacBook Pro (13-inch, 2020)
  • 2 GHz クアッドコアIntel Core i5
  • 16 GB 3733 MHz LPDDR4X
• ruby (3.0.0p0)
• rails (7.0.1)
• mysql2 (0.5.3)
• carrierwave (2.2.2)

はじめに

以前、できなかったが今回できた

前提知識

deviseを使用した上でのお話です

解決したい内容

ドキュメント通り進めていく

gem install carrierwave

Gemfile.rb

gem 'carrierwave'

サーバーを再起動

carrierwaveの設定

Uploaderクラスを追加
ここではAvatarという名前にしているのが、好きな名前で良い

rails generate uploader Avatar

↓

app/uploaders/avatar_uploader.rb

class AvatarUploader < CarrierWave::Uploader::Base
  storage :file
end

アップロード画像の情報を保存するavatarカラムを追加する為に、マイグレーションファイルを作成

アップロード画像の情報を保存するavatarカラムを追加する為に、マイグレーションファイルを作成

rails g migration add_avatar_to_users avatar:string

↓

db/migrate/20220409024134_add_avatar_to_users.rb

class AddAvatarToUsers < ActiveRecord::Migration[7.0]
  def change
    add_column :users, :avatar, :string
  end
end

rails db:migrate

画像を保管するカラムを作成
今回はユーザー画像として扱いたいと思うので、元々作ってあるUserモデルにavatarsカラム（＝画像を補完するところ)を作成

rails g migration add_avatars_to_users avatars:json
rails db:migrate

↓
画像用モデルをcarrierwave用に修正する
Userモデルのavatarカラムにmount_uploaderを設定
つまり「アップロード画像用のカラム(avatarカラム)」と「アップローダークラス(AvatarUploaderクラス)」を紐づける
今回は、ユーザーのアバター画像のアップロード機能を追加するため、下記のように追記

app/models/user.rb

class User < ApplicationRecord
  mount_uploaders :avatars, AvatarUploader
end

deviseを使用している場合の設定

DBに保存できるようにaplication_controllerもしくはuser_controllerのストロングパラメータにavatarを追記する

app/controllers/application_controller.rb

  def configure_permitted_parameters
    devise_parameter_sanitizer.permit(:sign_up, keys: [:user_id])
    @user=User.find_by(params[:id])

#下記":avatar"追記
    added_attrs = [ :email, :name, :password, :password_confirmation ,:avatar]

アバター画像の登録・表示

e.g.) ユーザー編集画面で画像を登録

app/views/devise/registrations/edit.html.erb

<h2>Edit <%= resource_name.to_s.humanize %></h2>

<%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f| %>
  <%= render "devise/shared/error_messages", resource: resource %>

#追記
<%= f.file_field :avatar %>

・
・
・

表示

<%= image_tag current_user.avatar.to_s %>

改善策

No route matches　CarrierWave

https://qiita.com/hatorijobs/items/50f23b3b8e4761914851
config/routes.rb　のファイルの以下の部分に:update　を追記

config/routes.rb

resources :users, only: [:show, :index, :destroy]

↓

config/routes.rb

resources :users, only: [:show, :index, :update, :destroy]

投稿ボタンを押した際、モデルのコントローラーのupdateアクションが実行されているので、ルーティングでupdateを許可しないと、通らないというわけである。

なぜ、updateアクションが実行されるのが分かったかというと、自分の場合は、手当たりしだいにブレークポイントを挿入してupdateアクションが実行されていることを発見しましたとのこと

NameError: uninitialized constant User::ImageUploader

config/environment.rb

# Load the Rails application.
require_relative "application"

# Initialize the Rails application.
Rails.application.initialize!

#これを追記
require 'carrierwave/orm/activerecord'

参考にした記事

URLの表示名
https://github.com/carrierwaveuploader/carrierwave
https://pikawaka.com/rails/carrierwave
https://qiita.com/hatorijobs/items/50f23b3b8e4761914851
https://qiita.com/tama_chi/items/bd07366c76f548512a3f