Phoenix.View + Swoosh. (Discuss about the future post-Phoenix-1.7 here)
This module provides the ability to set the HTML and/or text body of an email by rendering templates.
Add :phoenix_swoosh to your list of dependencies in mix.exs:
def deps do
[
{:phoenix_swoosh, "~> 1.0"},
# without phoenix_html, phoenix_swoosh only works with plain text templates
# if you want to use HTML templates
# {:phoenix_html, "~> 3.0"},
]
endYou probably also want to install finch,
hackney or an HTTP client of your own choice,
if you are using a provider that Swoosh talks to via their HTTP API.
Or :gen_smtp if you are working with a provider
that only works through SMTP.
See Swoosh for more details.
Setting up the templates:
# path_to/templates/user_notifier/welcome.html.eex
<div>
<h1>Welcome to Sample, <%= @name %>!</h1>
</div># path_to/views/user_notifier_view.ex
defmodule Sample.UserNotifierView do
use Phoenix.View, root: "path_to/templates"
endPassing values to templates:
# path_to/notifiers/user_notifier.ex
defmodule Sample.UserNotifier do
use Phoenix.Swoosh, view: Sample.UserNotifierView
def welcome(user) do
new()
|> from("tony@stark.com")
|> to(user.email)
|> subject("Hello, Avengers!")
|> render_body("welcome.html", %{name: name})
end
endMaybe with a layout:
# path_to/templates/layout/email.html.eex
<html>
<head>
<title><%= @email.subject %></title>
</head>
<body>
<%= @inner_content %>
</body>
</html>defmodule Sample.LayoutView do
use Phoenix.View, root: "path_to/templates"
end# path_to/notifiers/user_notifier.ex
defmodule Sample.UserNotifier do
use Phoenix.Swoosh,
view: Sample.NotifierView,
layout: {Sample.LayoutView, :email}
# ... same welcome ...
endLayout can also be added/changed dynamically with put_new_layout/2 and put_layout/2
# path_to/templates/user_notifier/welcome.html.eex
<div>
<h1>Welcome to Sample, <%= @name %>!</h1>
</div># path_to/notifiers/user_notifier.ex
defmodule Sample.UserNotifier do
use Phoenix.Swoosh,
template_root: "path_to/templates",
template_path: "user_notifier"
# ... same welcome ...
endIn this setup, the notifier module itself serves as the view module
template_root, template_path and template_namespace
will be passed to Phoenix.View as root, path and namespace.
Layout can be setup the same way as classic setup.
When using either the classic or standalone setup described above, the extensions of the templates used can be customized. For example, let's say MJML is the desired markup language to use for HTML emails, and there's a template such as:
# path_to/templates/user_notifier/welcome.mjml.eex
<mjml>
<mj-body>
<mj-text>Welcome to Sample, <%= @name %>!</mj-text>
</mj-body>
</mjml>Phoenix.Swoosh can be configured to use the "mjml" extension when rendering the HTML body of the email:
# path_to/notifiers/user_notifier.ex
defmodule Sample.UserNotifier do
use Phoenix.Swoosh,
formats: %{"mjml" => :html_body, "text" => :text_body}
# ... same welcome as above ...
endThis requires that Phoenix knows how to handle templates using the "mjml"
format. This can be done by creating a module that exports
encode_to_iodata!/1:
defmodule Sample.Mjml do
def encode_to_iodata!(mjml) do
with {:ok, html} <- Mjml.to_html(mjml) do
html
end
end
endAnd then configuring Phoenix to use it:
config :phoenix, format_encoders: [mjml: Sample.Mjml]The above example is using mjml, which would
need to be installed as well.
Copyright (c) 2021 Swoosh contributors
Released under the MIT License, which can be found in LICENSE.md.