【Rails】letter_opener_webで送信メールをブラウザ上で確認する

この記事ではletter_opener_webを使ってRailsの開発環境で送信したメールをブラウザ上で確認する方法を紹介します。

1. 実行環境

• macOS：12.5.1
• Ruby：3.1.2
• Rails：6.1.7
• letter_opener_web：2.0.0

2. letter_opener_webの設定方法

1. gemのインストール
2. config/routes.rbの編集
3. config/environments/development.rbの編集

2-1. gemのインストール

Gemfileに以下を追記します。

group :development do
  gem 'letter_opener_web', '~> 2.0'
end

gemをインストールします。

$ bundle install

2-2. config/routes.rbの編集

config/routes.rbを編集します。

Rails.application.routes.draw do
  # 省略
  # 一番下に追加する
  mount LetterOpenerWeb::Engine, at: "/letter_opener" if Rails.env.development?
end

2-3. config/environments/development.rbの編集

config/environments/development.rbを編集します。

Rails.application.configure do
  # letter_opener_webを使うように設定
  config.action_mailer.delivery_method = :letter_opener_web
  # メール配信を行うように設定
  config.action_mailer.perform_deliveries = true
end

設定は以上で終了です。

ブラウザから/letter_openerにアクセスして送信メールを確認することができます。

---

【参考】

• fgrehm/letter_opener_web
• Railsで開発環境に gem letter_opener_web を導入しメール本文をコンソールで確認するのをやめよう
• 【Rails】letter_opener_webを用いて開発環境で送信したメールを確認する方法
• Rails6.1 + Devise 3.8.0 で、Deviseのデフォルトの挙動を確認してみた