ログイン機能実装までのステップ

1)Gemの導入

・【VScode】 gemfile内にgem 'devise'と記入

・【ターミナル】bundle installを実行

 

2)’device’のインストール

・【ターミナル】rails g devise:installを実行

 

3)モデルの作成

・【ターミナル】rails g devise userを実行

 

4)テーブルの作成

・【ターミナル】rails db:migrate を実行

 

5)新規登録とログインのためのリンク作成

・【VScode】 link_toタグを設定

・【ターミナル】rails routs でルートを検索しておく

・新規登録:registraions#newタグのパスを検索

→【VScode<%= link_to "新規登録", new_user_registration_path %>を記述

・ログイン:sessions#newタグのパスを検索

→【VScode<%= link_to "ログイン", new_user_session_path %>を記述

 

6)新規登録とログインのためのビューファイルを作成

・【ターミナル】rails g device:viewsを実行

・新規登録のビュー 【VScode】app/devise/registrations/new.html.erb に記述

・ログインのビュー 【VScode】app/devise/sessions/new.html.erb に記述

 

7)ログインしている時としていない時とでビューファイルを変更

・ログインしている時はログアウトボタンを表示する

・ログアウト:session#destroyタグのパスを検索

→【VScode<%= link_to "ログアウト", destroy_user_session_path, method: :destory %>を記述

・<if user_signed_in?>メソッドを使用しログインの可否で表示させるビューを分岐させるコードを記述

<if user_signed_in?>

#ログインしている時に表示させる情報 ※ログアウトボタンを表示

<else>

#ログインしていない時に表示させる情報 ※新規登録・ログインボタンの表示

<end>