Peter Nixey
Peter Nixey

Reputation: 16565

How do I preview emails in Rails?

This might be a dumb question but when I'm putting together an HTML email in Rails, is there a particularly easy built-in way to preview the template it in the browser or do I need to write some sort of custom controller that pulls it in as its view?

Upvotes: 130

Views: 81782

Answers (13)

Carma Tec
Carma Tec

Reputation: 41

Rails Email Preview helps us to quickly view the email in web browser in development mode.

  1. Add “gem ‘rails_email_preview’, ‘~> 0.2.29’ “ to gem file and bundle install.

  2. Run “rails g rails_email_preview:install” this creates initializer in config folder and add routes.

  3. Run “rails g rails_email_preview:update_previews” this crates mailer_previews folder in app directory.

Generator will add a stub to each of your emails, then u populate the stub with mock data.

Ex:

class UserMailerPreview
  def invitation
    UserMailer.invitation mock_user(‘Alice’), mock_user(‘Bob’)
  end
  def welcome
    UserMailer.welcome mock_user
  end
  private
  def mock_user(name = ‘Bill Gates’)
    fake_id User.new(name: name, email: “user#{rand 100}@test.com”)
  end
  def fake_id(obj)
    obj.define_singleton_method(:id) { 123 + rand(100) }
    obj
  end
end
  1. Parameters in search query will be available as an instance variable to preview class. Ex: if we have a URL like “/emails/user_mailer_preview-welcome?user_id=1” @user_id is defined in welcome method of UserMailerPreview it helps us to send mail to specific user.
class UserMailerPreview
  def welcome
    user = @user_id ? User.find(@user_id) : mock_user
    UserMailer.welcome(user)
  end
end
  1. To access REP url’s like this
rails_email_preview.rep_root_url
rails_email_preview.rep_emails_url
rails_email_preview.rep_email_url(‘user_mailer-welcome’)
  1. We can send emails via REP, this will use environment mailer settings. Uncomment this line in the initializer to disable sending mail in test environment.

config.enable_send_email = false

Source : RailsCarma Blog : Previewing Emails in Rails Applications With the Mail_View Gem

Upvotes: 3

stevec
stevec

Reputation: 52198

Easiest solution in rails 5, rails 6, and rails 7: just remember one url:

http://localhost:3000/rails/mailers

Upvotes: 15

markets
markets

Reputation: 7033

I recently wrote a gem named Maily to preview, edit (template file) and deliver the application emails via a browser. It also provides a friendly way to hook data, a flexible authorization system and a minimalist UI.

I have planned to add new features in the near future, like:

  • Multiple hooks per email
  • Parametrize emails via UI (arguments of mailer method)
  • Play with translations keys (list, highlight, ...)

I hope it can help you.

Upvotes: 7

Swaps
Swaps

Reputation: 1548

rails generates a mail preview if you use rails g mailer CustomMailer. You will get a file CustomMailerPreview inside spec/mailers/previews folder.

Here you can write your method that will call the mailer and it'll generate a preview.

For ex -

class CustomMailerPreview < ActionMailer::Preview
  def contact_us_mail_preview
    CustomMailer.my_mail(user: User.first)
  end
end

Preview all emails at http://localhost:3000/rails/mailers/custom_mailer

Upvotes: 6

KurtPreston
KurtPreston

Reputation: 1152

I'm surprised no one's mentioned letter_opener. It's a gem that will render and open emails as a browser page whenever an email is delivered in dev.

Upvotes: 11

cailinanne
cailinanne

Reputation: 8372

Daniel's answer is a good start, but if your email templates contain any dynamic data, it won't work. E.g. suppose your email is an order receipt and within it you print out @order.total_price - using the previous method the @order variable will be nil.

Here's a little recipe I use:

First, since this email preview functionality is definitely for internal use only, I set up some generic routes in the admin namespace:

#routes.rb

MySite::Application.routes.draw do
  namespace :admin do
    match 'mailer(/:action(/:id(.:format)))' => 'mailer#:action'
  end
end

Next, I create the controller. In this controller, I create one method per email template. Since most emails contain dynamic data, we need to populate whatever member variables the template expects.

This could be done with fixtures, but I typically prefer to just grab some pseudo-random real data. Remember - this is NOT a unit test - this is purely a development aid. It doesn't need to produce the same result every single time - in fact - it's probably better if it doesn't!

#app/controllers/admin/mailer_controller.rb
class Admin::MailerController < Admin::ApplicationController

  def preview_welcome()
    @user = User.last
    render :file => 'mailer/welcome.html.erb', :layout => 'mailer'
  end

end

Note that when we render the template, we use layout=>:mailer. This embeds the body of your email inside the HTML email layout that you've created instead of inside your typical web application layout (e.g. application.html.erb).

And that's pretty much it. Now I can visit http://example.com/admin/mailer/preview_welcome to preview change to my welcome email template.

Upvotes: 75

benjaminjosephw
benjaminjosephw

Reputation: 4417

Action Mailer now has a built in way of previewing emails in Rails 4.1. For example, check this out:

# located in test/mailers/previews/notifier_mailer_preview.rb

class NotifierPreview < ActionMailer::Preview
  # Accessible from http://localhost:3000/rails/mailers/notifier/welcome
  def welcome
    Notifier.welcome(User.first)
  end
end

Upvotes: 157

glebm
glebm

Reputation: 21090

You can use Rails Email Preview

rails-email-preview screenshot

REP is a rails engine to preview and test send emails, with I18n support, easy premailer integration, and optional CMS editing with comfortable_mexican_sofa.

Upvotes: 4

Galen
Galen

Reputation: 656

The easiest setup I've seen is MailCatcher. Setup took 2 minutes, and it works for new mailers out of the box.

Upvotes: 17

Trung L&#234;
Trung L&#234;

Reputation: 5236

I prefer mails_viewer gem. This gem is quite useful as it save the HTML template into tmp folder.

Upvotes: 1

Marc
Marc

Reputation: 2584

37Signals also has their own mail testing gem called mail_view. It's pretty fantastic.

Upvotes: 18

Pikachu
Pikachu

Reputation: 774

I use email_preview. Give it a try.

Upvotes: 11

Daniel Spangenberg
Daniel Spangenberg

Reputation: 805

There is no way to preview it directly out of the Mailer. But as you wrote, you can write a controller, which looks something like this.

class EmailPreviewsControllers < ActionController::Base
  def show
    render "#{params[:mailer]}_mailer/#{params[:method]}"
  end
end

But I think, that's not the best way to test emails, if they look correctly.

Upvotes: 3

Related Questions