毎回導入時に迷子になっていたので、自分用の備忘録として残します。

環境

rails (6.0.0)
devise (4.7.1)
devise-i18n (1.8.2)

Devise で認証とマイページを導入してみる

作業ディレクトリの用意

$ mkdir devise-demo
$ cd devise-demo/

アプリケーション作成

Rails アプリの初期設定を行う

$ bundle init
$ bundle add rails
$ bundle exec rails new . -d mysql
$ bundle
$ bundle update
$ bin/rails db:create
$ bin/rails webpacker:install

Devise 導入

Gemfile に Devise を追加

Gemfile

# 下記を追記
gem 'devise'
gem 'devise-i18n'

Devise をインストール

$ bundle

Devise の初期設定

$ bin/rails g devise:install

config/environments/development.rb

Rails.application.configure do
  # 以下を追記
  config.action_mailer.default_url_options = { host: 'localhost', port: 3000 }

app/views/layouts/application.html.erb

  <body>
    # 以下を追記
    <p class="notice"><%= notice %></p>
    <p class="alert"><%= alert %></p>

認証用モデルを作成

今回は User モデルを作成

$ bin/rails g devise User
$ bin/rails db:migrate

Devise のカスタムコントローラを作成

今回は scope を auths にする

$ bin/rails g devise:controllers auths

account/* のようなパスでアクセスできるようにする

config/routes.rb

Rails.application.routes.draw do
  # 以下を追記
  devise_for :users,
    path: 'account',
    path_names: { sign_in: :login, sign_out: :logout },
    controllers: {
      confirmations: 'auths/confirmations',
      passwords: 'auths/passwords',
      registrations: 'auths/registrations',
      sessions: 'auths/sessions'
    }

Devise のカスタムビューを作成

$ bin/rails g devise:i18n:views auths
$ bin/rails g devise:i18n:locale ja

config/locales/devise.views.ja.yml

   # devise: という部分を auths: に変更
   # 修正前
   devise:
   # 修正後
   auths:

config/initializers/locale.rb

I18n.load_path += Dir[Rails.root.join('lib', 'locale', '*.{rb,yml}')]
I18n.available_locales = [:ja]
I18n.default_locale = :ja

Rails を起動

$ bin/rails s

下記にアクセスすると、アカウント登録ページが表示される
http://localhost:3000/account/sign_up

マイページを作成

$ bin/rails g controller accounts show

config/routes.rb

  resource :account, only: [:show]

app/controllers/accounts_controller.rb

class AccountsController < ApplicationController
  before_action :authenticate_user!

  def show
    @account = current_user
  end
end

マイページのビューを作成する

app/views/accounts/show.html.erb

<h1>MyPage</h1>
<p><%= @account.email %></p>

Rails を起動

$ bin/rails s

下記にアクセスすると、マイページにアクセスできる。※ ログイン必須
http://localhost:3000/account

ログアウト機能作成

わかりやすいように root path をマイページにする

config/routes.rb

  root 'accounts#show'

ログイン/ログアウトのリンクを用意する

app/views/layouts/application.html.erb

    <% if user_signed_in? %>
      <%= link_to 'Logout', destroy_user_session_path, method: :delete %>
    <% else %>
      <%= link_to 'Login', user_session_path %>
    <% end %>

Rails を起動

$ bin/rails s

下記にアクセスすると、ログイン/ログアウトできるリンクが表示される。
http://localhost:3000/

以上です。