開発中にrailsのメールを確認する(letter_opener)

環境

• ruby 2.4.0
• rails 5.0.1
• devise 4.2.0
• letter_opener 1.4.1
• letter_opener_web 1.3.1

deviseの設定

こちらの記事を参考にさせて頂きました。
[Rails] deviseの使い方（rails5版）
※twitter認証はしない想定なので外してます。

viewの編集をしてヘッダーにサインアップとログインが表示されるようになったところからスタート↓↓↓

letter_openerの設定

メールの確認をletter_openerで行います。

こちらの記事を参考にさせて頂きました。
開発中にrailsから送信したメールを確認する

Gemfileに以下を追加

Gemfile

group :development do
  gem 'letter_opener' # 追加
  gem 'letter_opener_web' # 追加
end

追加したgemをinstall

bundle install --path vender/bundle

設定ファイル編集

config/environments/development.rb

config.action_mailer.perform_caching = true # falseをtrueに修正

config.action_mailer.default_url_options = { host: 'localhost:3000' } # 追加
config.action_mailer.delivery_method = :letter_opener_web # 追加

ルーティング設定

config/routes.rb

# 下の3行を追加
if Rails.env.development?
  mount LetterOpenerWeb::Engine, at: '/letter_opener'
end

rails s でサーバーを起動した状態でメールを送信

localhost:3000/users/password/new

↓

localhost:3000/letter_openerを開く

送信されたメールをブラウザで確認できます