[Rails5.2] deviseの導入

railsにdeviseを導入しました。
導入手順を残しておこうと思います。

## 環境
| Rails | 5.2.0 |
|---|---|
| ruby  | 2.5.1 |
| mysql | 5.7.20 |

## インストール

```ruby:Gemfile
gem 'devise'
```


```
$ bundle install
$ bin/rails g devise:install
      create  config/initializers/devise.rb
      create  config/locales/devise.en.yml
===============================================================================

Some setup you must do manually if you haven't yet:

  1. Ensure you have defined default url options in your environments files. Here
     is an example of default_url_options appropriate for a development environment
     in config/environments/development.rb:

       config.action_mailer.default_url_options = { host: 'localhost', port: 3000 }

     In production, :host should be set to the actual host of your application.

  2. Ensure you have defined root_url to *something* in your config/routes.rb.
     For example:

       root to: "home#index"

  3. Ensure you have flash messages in app/views/layouts/application.html.erb.
     For example:

       <p class="notice"><%= notice %></p>
       <p class="alert"><%= alert %></p>

  4. You can copy Devise views (for customization) to your app by running:

       rails g devise:views

===============================================================================
```

### development.rbの編集
1の通りにconfig/environments/development.rbに以下を追加

```config/environments/development.rb
config.action_mailer.default_url_options = { host: 'localhost', port: 3000 }
```

### rootページの作成&設定
2についてはrootのページ(http://localhost:3000) を作成します。Ruby on Rails チュートリアルの
「第3章 ほぼ静的なページの作成」に習って作成したいと思います。
コンソール上では例としてroot to: "home#index"とありますが、
今回はroot to: "static_pages#home"にしたいと思います。

```
$ bin/rails g controller StaticPages home help
      create  app/controllers/static_pages_controller.rb
      route  get 'static_pages/home'
             get 'static_pages/help'
      invoke  erb
      create    app/views/static_pages
      create    app/views/static_pages/home.html.erb
      create    app/views/static_pages/help.html.erb
      invoke  rspec
      create    spec/controllers/static_pages_controller_spec.rb
      invoke  helper
      create    app/helpers/static_pages_helper.rb
      invoke    rspec
      invoke  assets
      invoke    coffee
      create      app/assets/javascripts/static_pages.coffee
      invoke    scss
      create      app/assets/stylesheets/static_pages.scss
```

```ruby:config/routes.rb
root to: 'static_pages#home'
```

### フラッシュメッセージの表示
3についてはフラッシュメッセージが表示されるようにapplication.html.erbを編集します。

```erb:apps/views/layouts/application.html.erb
<!DOCTYPE html>
<html>
  <head>
    <title>Blog1</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
  </head>

  <body>
    <p class="notice"><%= notice %></p>
    <p class="alert"><%= alert %></p>

    <%= yield %>
  </body>
</html>
```

### DeviseのViewファイルの作成
4はDeviseのviewファイルを作成します。

```
$ bin/rails g devise:views
      invoke  Devise::Generators::SharedViewsGenerator
      create    app/views/devise/shared
      create    app/views/devise/shared/_links.html.erb
      invoke  form_for
      create    app/views/devise/confirmations
      create    app/views/devise/confirmations/new.html.erb
      create    app/views/devise/passwords
      create    app/views/devise/passwords/edit.html.erb
      create    app/views/devise/passwords/new.html.erb
      create    app/views/devise/registrations
      create    app/views/devise/registrations/edit.html.erb
      create    app/views/devise/registrations/new.html.erb
      create    app/views/devise/sessions
      create    app/views/devise/sessions/new.html.erb
      create    app/views/devise/unlocks
      create    app/views/devise/unlocks/new.html.erb
      invoke  erb
      create    app/views/devise/mailer
      create    app/views/devise/mailer/confirmation_instructions.html.erb
      create    app/views/devise/mailer/email_changed.html.erb
      create    app/views/devise/mailer/password_change.html.erb
      create    app/views/devise/mailer/reset_password_instructions.html.erb
      create    app/views/devise/mailer/unlock_instructions.html.erb
```

### 管理者モデル（AdminUser）の作成

```
$ bin/rails g devise AdminUser
      invoke  active_record
      create    db/migrate/20180603052357_devise_create_admin_users.rb
      create    app/models/admin_user.rb
      invoke    rspec
      create      spec/models/admin_user_spec.rb
      invoke      factory_bot
      create        spec/factories/admin_users.rb
      insert    app/models/admin_user.rb
       route  devise_for :admin_users
```

```
$ bin/rails db:migrate 
```

### ログイン/ログアウト等のナビゲーションを追加

```erb:apps/views/layouts/application.html.erb
<!DOCTYPE html>
<html>
  <head>
    <title>Blog1</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
  </head>

  <body>
    <header>
       <nav>
           <% if admin_user_signed_in? %>
               <%= link_to 'プロフィール', edit_admin_user_registration_path %>
               <%= link_to 'ログアウト', destroy_admin_user_session_path, method: :delete %>
           <% else %>
               <%= link_to 'サインアップ', new_admin_user_registration_path %>
               <%= link_to 'ログイン', new_admin_user_session_path %>
           <% end %>
       </nav>
   </header>
    <p class="notice"><%= notice %></p>
    <p class="alert"><%= alert %></p>

    <%= yield %>
  </body>
</html>
```

## 確認
http://localhost:3000 

## 参考
- [[*Rails*] deviseの使い方](https://qiita.com/cigalecigales/items/73d7bd7ec59a001ccd74)
- [Rails チュートリアル - 第3章ほぼ静的なページの作成](https://railstutorial.jp/chapters/static_pages?version=5.1#cha-static_pages)
- [Home · plataformatec/devise Wiki](https://github.com/plataformatec/devise/wiki)