Techpit:テックピット
  前のパートに戻る 完了して次のパートへ  

  2-4 ログアウトのためのリンクを追加しよう

ログアウトのためのリンクを追加しよう


今回のパートではログアウトのためのリンクを追加していきます。

学習キーワード


- rails routes
- application.html.erb
- authenticate_user!

ログアウトリンクのパスを確認


ログアウトリンクを追加する前にログアウトリンクがどういったパスになるのか調べます。パスを調べるにはrails routesというコマンドを実行することで表示することができます。

$ rails routes
 Prefix Verb   URI Pattern                                                                              Controller#Action
         new_user_session GET    /users/sign_in(.:format)                                                                 devise/sessions#new
             user_session POST   /users/sign_in(.:format)                                                                 devise/sessions#create
     destroy_user_session DELETE /users/sign_out(.:format)                                                                devise/sessions#destroy
        new_user_password GET    /users/password/new(.:format)                                                            devise/passwords#new
       edit_user_password GET    /users/password/edit(.:format)                                                           devise/passwords#edit
            user_password PATCH  /users/password(.:format)                                                                devise/passwords#update
                          PUT    /users/password(.:format)                                                                devise/passwords#update
                          POST   /users/password(.:format)                                                                devise/passwords#create
 cancel_user_registration GET    /users/cancel(.:format)                                                                  devise/registrations#cancel
    new_user_registration GET    /users/sign_up(.:format)                                                                 devise/registrations#new
   edit_user_registration GET    /users/edit(.:format)                                                                    devise/registrations#edit
        user_registration PATCH  /users(.:format)                                                                         devise/registrations#update
                          PUT    /users(.:format)                                                                         devise/registrations#update
                          DELETE /users(.:format)                                                                         devise/registrations#destroy
                          POST   /users(.:format)                                                                         devise/registrations#create
                     root GET    /                                                                                        top#index
       rails_service_blob GET    /rails/active_storage/blobs/:signed_id/*filename(.:format)                               active_storage/blobs#show
rails_blob_representation GET    /rails/active_storage/representations/:signed_blob_id/:variation_key/*filename(.:format) active_storage/representations#show
       rails_disk_service GET    /rails/active_storage/disk/:encoded_key/*filename(.:format)                              active_storage/disk#show
update_rails_disk_service PUT    /rails/active_storage/disk/:encoded_token(.:format)                                      active_storage/disk#update
     rails_direct_uploads POST   /rails/active_storage/direct_uploads(.:format)                                           active_storage/direct_uploads#create

ログアウトリンクのパスは

destroy_user_session DELETE /users/sign_out(.:format)                                                                devise/sessions#destroy

になります。

application.html.erbにログアウトリンクを追加する


次にapplication.html.erbにログアウトリンクを追加していきます。application.html.erbは全てのページで読まれるHTMLファイルです。ユーザーがいつでもログアウトできるようにログアウトリンクは全てのページに表示するようにします。

app
└── views
    └── layouts
        └── application.html.erb

ログアウトリンクを追加したら実際にログアウトができるか確認してみましょう。 http://localhost:3000/にアクセスしてログアウトリンクをクリックしてください。クリックしたら「Signed out successfully」と表示されていたらうまく動作しています。



ログインしていない場合は、ログイン画面へ遷移する


現状ログインしていないくてもトップページhttp://localhost:3000/に遷移することができます。なので、ログインしていない場合は、トップページに行こうとしてもログイン画面に遷移するように実装します。application_controller.rbに以下のコードを追加してください。

app
└── controllers
    └── application_controller.rb

before_action :authenticate_user!

とコントローラーに設定することで、ログイン済みユーザーのみにアクセスを許可します。 詳しくは公式ドキュメントを参考にしてください。

参考)https://github.com/plataformatec/devise

コードを追加したら、実際にログインしていない状態でhttp://localhost:3000/にアクセスしてみてください。ログイン画面であるhttp://localhost:3000/users/sign_inにリダイレクトされていればうまく動作しています。

以上で今回のパートは終了です。

議論
3 質問