A Little Each Day

note to self

deviseでユーザーネームを登録できるようにする

こんにちは。本日はdeviseでユーザーネームを登録する方法です。

deviseは便利ですが、デフォルトではメールとパスワードしか対応していません。

サイトによってはユーザー名を登録したいなと思うことがあると思うので、deviseでそれを実現する方法について説明したいと思います。

バージョン

Ruby '2.2.1'
Rails '4.2.1'
Devise '3.5.1'


viewファイルを生成する

まずはじめにdeviseのviewファイルを生成します。
こちらは前に書いた記事があるので、そちらを参考にしてください。

blog.otsukasatoshi.com


登録フォームにユーザーネームを追加する

viewファイルを生成できたので、次にユーザーネームを入れたい箇所にフォームを表示していきましょう。

今回は新規登録フォームにユーザーネームを入力できるフォームを追加してみましょう。

# views/devise/registrations/new.html.erb

<h2>Sign up</h2>

<%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
  <%= devise_error_messages! %>

  <!-- 以下を追加 -->
  <div class="field">
    <%= f.label 'name' %><br />
    <%= f.text_field :name, autofocus: true %>
  </div>
  <!-- ここまで -->

  <div class="field">
    <%= f.label :email %><br />
    <%= f.email_field :email, autofocus: true %>
  </div>

  <div class="field">
    <%= f.label :password %>
    <% if @minimum_password_length %>
    <em>(<%= @minimum_password_length %> characters minimum)</em>
    <% end %><br />
    <%= f.password_field :password, autocomplete: "off" %>
  </div>

  <div class="field">
    <%= f.label :password_confirmation %><br />
    <%= f.password_field :password_confirmation, autocomplete: "off" %>
  </div>

  <div class="actions">
    <%= f.submit "Sign up" %>
  </div>
<% end %>

<%= render "devise/shared/links" %>


これで新規登録画面にユーザーネームを入力できるフォームができました。


コントローラーを編集する

最後にコントローラーを編集しましょう。

deviseでメールやパスワード以外を入力できるようにするには、すべてを継承するApplicationControllerを編集する必要があります。

application_controller.rbで独自のメソッドをprivate内に作って、before_actionで呼びます。

# application_controller.rb

<!-- 以下を追加 -->
before_action :configure_permitted_parameters, if: :devise_controller?

private

def configure_permitted_parameters
  devise_parameter_sanitizer.for(:sign_up) << :name
end
<!-- ここまで追加 -->


独自のメソッドではdeviseで使いたいものを書きます。

この場合はユーザーネームを表す name を追加します。(各自読み換えてください。)


以上でdeviseでもメールとパスワード以外にも、ユーザーネームを登録できるようになりました。



本日は以上です。