LoginSignup
4
4

More than 5 years have passed since last update.

[Rails5.2] deviseの導入

Posted at

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

環境

Rails 5.2.0
ruby 2.5.1
mysql 5.7.20

インストール

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
config/routes.rb
root to: 'static_pages#home'

フラッシュメッセージの表示

3についてはフラッシュメッセージが表示されるようにapplication.html.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 

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

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

参考

4
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
4