Rails初心者のはじめてのWebアプリ制作日記 Vol.4 -ログイン機能編-

2018/05/092020/07/26

当サイトのリンクには広告が含まれています。

前回、投稿機能が出来たので、次はログイン機能を実装します。
ログイン機能がつくと、SNSっぽくなりますね。

シリーズ

ユーザー登録機能の実装

ログイン機能をつけるためには、ログインするユーザー登録が必要になりますので、まずはそこから作って行きます。

progateのレッスンⅥに同じ内容がありますので、これをそのまま真似してuserモデルとコントローラーを作成しました。
レッスンⅥではuserテーブルのカラムはnameとemailのみなので、必要なものを足して以下のようにしました。

Userテーブル

account : アカウント名
name : 表示名
email : メールアドレス
image : アイコン画像
password_digest : パスワード(暗号化対応)

ちなみにアカウントはtwitterなどで見かける「＠xxxxx」を意識して入れましたが、カラム名は最初は”account”ではなく”user_id”と設定していました。

ユーザーIDが分かりやすいのかな〜っていう結構安易な理由です。でも、講師に指摘されました。

講師

user_idはrailsではuserテーブルのidという意味になってしまうので、ここでこの名前は不適切。アカウントとかにした方がいい。

user_idは別のテーブルからuserテーブルのidを使用する時に使うようです。

はい、失敗から一つ学びました。

そんなわけでprogateのレッスンⅥのユーザー登録、編集。レッスンⅦのプロフィール画像登録と編集。レッスンⅪのパスワード暗号化を真似して一通りのユーザー登録機能が完成しました。

progateにはなかった機能として、ユーザー登録でよく見かけるパスワードの確認欄を入れています。1回目と2回目が一致しないと登録できないアレですね。
パスワード暗号化で入れたgem「bcrypt」にこのパスワードの確認をやってくれる機能も備わっているので、それを使用しています。

確認部分をpassword_confirmationという項目をフォームで送ると、いい感じにやってくれます。

以下のように書きました。

def user_params
   params.require(:user).permit(:account, :name, :email, :password, :image,:password_confirmation)
end

<%= f.password_field :password %>
<% if @user.present? && @user.errors[:password].any? %>
  <% @user.errors[:password].each do |message| %>
    <%= message %>
  <% end %>
<% end %>

<%= f.password_field :password_confirmation %>
<% if @user.present? && @user.errors[:password_confirmation].any? %>
  <% @user.errors[:password_confirmation].each do |message| %>
     <%= message %>
  <% end %>
<% end %>

パスワードが一致しないと<%= message %>にエラーメッセージが表示されます。

アイコン、ユーザ名（表示名）、アカウント名、編集リンクを表示させるようにしました。
ユーザー削除機能はこの時点ではまだ入れていません。