Full documentation

Ogham

2.0.0

latest release: v2.0.0 site code

current development: v3.0.0-SNAPSHOT site code

Previous versions: v1.1.1 v1.1.0 v1.0.0 v0.0.1

Introduction

Existing libraries

Several libraries for sending email already exist:

• Apache Commons Email

• Simple Java Mail/Vesijama

• Spring Email Integration

• …​

These libraries help you send an email but if you want to use a templated content, you will have to manually integrate a template engine.

These libraries also provide only implementations based on Java Mail API. But in some environments, you might NOT want to send the email through SMTP but to use an external service (like SendGrid for example). Furthermore, those libraries are bound by design to frameworks or libraries that you might not want to use in your own context.

So, now you would want to find a sending library with a high level of abstraction to avoid binding issues with any template engine, design framework or sender service…​ Is email the only possible message type ? No, so why not sending SMS, Tweet or anything the same way ?

The Ogham module

This module is designed for handling any kind of message the same way. It also provides several implementations for the same message type. It selects the best implementation based on the classpath or properties for example. You can easily add your own implementation.

It also provides templating support and integrates natively several template engines. You can also add your own.

It is framework and library agnostic and provides bridges for common frameworks integration (Spring, JSF, …​).

When using the module to send email based on an HTML template, the templating system let you design your HTML like a standard HTML page. It automatically transforms the associated resources (images, css files…​) to be usable in an email context (automatic inline css, embed images…​). You don’t need to write your HTML specifically for email.

Quick start

Quick and simple inclusion

Standalone

image:{icons-maven}

<dependency>
    <groupId>fr.sii.ogham</groupId>
    <artifactId>ogham-all</artifactId>
    <version>2.0.0</version>
</dependency>

View code of an example pom.xml

image:{icons-gradle}

This will include:

• Sending email through SMTP server (using JavaMail)

• Sending email through SendGrid

• Sending SMS through SMPP server (using Cloudhopper)

• Sending SMS through OVH SMS API

• FreeMarker template engine available for building message contents

• ThymeLeaf template engine available for building message contents

With Spring Boot

image:{icons-maven}

<dependency>
    <groupId>fr.sii.ogham</groupId>
    <artifactId>ogham-spring-boot-starter-all</artifactId>
    <version>2.0.0</version>
</dependency>

View code of an example pom.xml with Spring Boot starter

image:{icons-gradle}

This will include:

• Sending email through SMTP server (using JavaMail)

• Sending email through SendGrid

• Sending SMS through SMPP server (using Cloudhopper)

• Sending SMS through OVH SMS API

• FreeMarker template engine available for building message contents

• ThymeLeaf template engine available for building message contents

• Support of Spring Boot auto-detection mechanism and configuration properties

You can combine Ogham with existing Spring Boot dependencies:

image:{icons-maven}

<dependency>
    <groupId>fr.sii.ogham</groupId>
    <artifactId>ogham-spring-boot-starter-all</artifactId>
    <version>2.0.0</version>
</dependency>
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-mail</artifactId>
</dependency>

image:{icons-gradle}

Ogham will auto-configure to use Spring Boot additions and support Spring Boot configuration properties like spring.mail.host for example.

Ogham has been tested with following Spring Boot versions:

• 1.3.8

• 1.4.6

• 1.5.3

Using Java 8 and Java 7.

Select the features you need

Standalone

With Spring Boot

Usage

Note	All samples with templates are using ThymeLeaf as template engine. For FreeMarker samples, take a look at FreeMarker section.

Send Email

The samples are available in the sample-standard-usage sub-project.

All samples shown bellow are using SMTP for sending email. See Sending email through SendGrid to know how to send email using SendGrid HTTP API.

First email using an existing SMTP server

This sample shows how to send a basic email.

The first lines configure the properties that will be used by the sender. Then you must create the service. You can use the MessagingBuilder to help you to create the service. Finally, the last line sends the email. The specified email is really basic. It only contains the subject, the textual content and the receiver address. The sender address is automatically added to the email by the service based on configuration properties.

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.email;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class BasicSample {

    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.put("mail.smtp.host", "<your server host>");
        properties.put("mail.smtp.port", "<your server port>");
        properties.put("ogham.email.from.default-value", "<email address to display for the sender user>");
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()      // (1)
                .environment()
                    .properties(properties)                         // (2)
                    .and()
                .build();                                           // (3)
        // send the email using fluent API
        service.send(new Email()                                    // (4)
                        .subject("BasicSample")
                        .body().string("email content")
                        .to("[email protected]"));
    }

}

1. Use the standard builder (predefined behavior)

2. Register the custom properties

3. Create a MessagingService instance

4. Send an email with a subject and a simple body. The sender address is automatically set using ogham.email.from.default-value property

Source code of the sample.

The construction of the email is done using a fluent API in order to chain calls and to have a more readable code.

Properties are directly provided in the code. You can instead use a configuration file.

Use an HTML template for email body

This sample shows how to send an email with a content following a template engine language.

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.email;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class HtmlTemplateSample {
    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.setProperty("mail.smtp.host", "<your server host>");
        properties.setProperty("mail.smtp.port", "<your server port>");
        properties.setProperty("ogham.email.from.default-value", "<email address to display for the sender user>");
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()                           // (1)
                .environment()
                    .properties(properties)                                              // (2)
                    .and()
                .build();                                                                // (3)
        // send the email using fluent API
        service.send(new Email()                                                         // (4)
                        .subject("HtmlTemplateSample")
                        .body().template("classpath:/template/thymeleaf/simple.html",    // (5)
                                                    new SimpleBean("foo", 42))           // (6)
                        .to("[email protected]"));
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. Use the standard builder (predefined behavior)

2. Register the custom properties

3. Create a MessagingService instance

4. Send an email with an explicit subject. The sender address is automatically set using ogham.email.from.default-value property

5. Indicate the path to the HTML template file (in the classpath)

6. Use any bean object for replacing variables in template

Source code of the sample.

image:{icons-thymeleaf} ThymeLeaf template

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">                <!--(1)-->
    <head>
        <meta charset="utf-8" />
    </head>
    <body>
        <h1 class="title" th:text="${name}"></h1>        <!--(2)-->
        <p class="text" th:text="${value}"></p>            <!--(3)-->
    </body>
</html>

1. Include the ThymeLeaf namespace

2. Use the name attribute value in the template

3. Use the value attribute value in the template

Source code of the HTML template

Using a template is straightforward. Instead of providing a string as body (using body().string(…​)), you change to body().template(…​, …​). The template method requires two pieces of information:

• The path to the template

• The variables to evaluate in the template

The path to the template is a string that may contain a lookup prefix. The lookup prefix is used to indicate where to search the template (from file system, from classpath or anywhere else). Here we explicitly ask to load the template from classpath (using prefix classpath:). If no lookup is defined, classpath is used by default. See Resource resolution section for more information.

The variables are any object you are using in your application. No need to convert your object to a particular format. Directly use what you want.

Use HTML title as email subject

This sample is a variant of the previous one. It allows you to directly use the HTML title as subject of your email. It may be useful to use variables in the subject too, to mutualize the code and to avoid to create a new file just for one line.

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.email;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class HtmlTemplateWithSubjectSample {
    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.setProperty("mail.smtp.host", "<your server host>");
        properties.setProperty("mail.smtp.port", "<your server port>");
        properties.setProperty("ogham.email.from.default-value", "<email address to display for the sender user>");
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties(properties)
                    .and()
                .build();
        // send the email using fluent API (do not specify subject)
        // subject is set to null to let automatic mechanism to read the title
        // of the HTML and use it as subject of your email
        service.send(new Email()                                                                    // (1)
                        .body().template("classpath:/template/thymeleaf/simpleWithSubject.html",
                                                    new SimpleBean("foo", 42))
                        .to("[email protected]"));
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. Subject is no more in Java code

Source code of the sample

image:{icons-thymeleaf} ThymeLeaf template

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>Subject of the email - [[${name}]]</title>                <!--(1)-->
        <meta charset="utf-8" />
    </head>
    <body>
        <h1 class="title" th:text="${name}"></h1>
        <p class="text" th:text="${value}"></p>
    </body>
</html>

1. The subject is defined in the template and can use same evaluation context (SimpleBean).

Note	The subject of the email will be Subject of the email - Welcome foo !

Source code of the HTML template

For text templates, the subject is automatically used (like for HTML title) if the first line starts with Subject: (spaces can be added after colon). Other lines are used as content of the email.

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.email;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class TextTemplateWithSubjectSample {
    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.setProperty("mail.smtp.host", "<your server host>");
        properties.setProperty("mail.smtp.port", "<your server port>");
        properties.setProperty("ogham.email.from.default-value", "<email address to display for the sender user>");
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties(properties)
                    .and()
                .build();
        // send the email using fluent API (do not specify subject)
        // subject is set to null to let automatic mechanism to read the title
        // of the first line if prefixed by "Subject:" and use it as subject of your email
        service.send(new Email()                                                                       // (1)
                        .body().template("classpath:/template/freemarker/simpleWithSubject.txt.ftl",
                                                    new SimpleBean("foo", 42))
                        .to("[email protected]"));
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. Subject is no more in Java code

Source code of the sample

image:{icons-freemarker-text-template} Text template

Subject: Welcome ${name} !
Hello ${name},

Foo bar ${value}

Note	The subject of the email will be Welcome foo !

Source code of the text template

HTML body with CSS and images

When you develop a Web application, you can use HTML for the content and CSS for layout and theming. HTML and CSS can use images to make a beautiful Web page. Each concern is separated in a different file. This is a good practice.

However, writing an HTML email is totally different. Indeed, email clients are not as evolved as Web browsers. Even worse, some clients disable some features on purpose (like GMail that prevents using style tag). To make an email work on several clients, you should follow these rules:

• <img> tags that use local images must be embedded

• Use XHTML instead of HTML

• Remove HTML comments (except conditional comments used to target Outlook)

• Add border=0 on all images to avoid an ugly border

• Do not write shortcut CSS values (padding: 4px 4px 4px 4px; instead of padding: 4px)

• Padding is not supported on some clients so you must use margins instead (adding a parent just for the layout)

• Background images on body should be moved on another node

• CSS3 properties are not supported

• Images must have alt attribute

• …​

There are many other rules but the developer should not be constrained and should be able to write its HTML and CSS like as usual in Web browsers. Ogham simplifies image and CSS integration and is able to partially rewrite the HTML.

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.email;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class HtmlWithImagesAndCssTemplateSample {
    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.setProperty("mail.smtp.host", "<your server host>");
        properties.setProperty("mail.smtp.port", "<your server port>");
        properties.setProperty("ogham.email.from.default-value", "<email address to display for the sender user>");
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties(properties)
                    .and()
                .build();
        // send the email using fluent API
        // Note that the extension of the template is not given. This version
        // automatically takes the provided path and adds the '.html' extension
        // for the HTML template and '.txt.ftl' for text template
        service.send(new Email()
                        .body().template("classpath:/template/withImagesAndCss/resources",    // (1)
                                                            new SimpleBean("foo", 42))        // (2)
                        .to("[email protected]"));
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. The path to the templates (/template/withImagesAndCss/resources.html for the main body, /template/withImagesAndCss/resources.txt.ftl for the text alternative)

2. The template context

Source code of the sample

image:{icons-thymeleaf-html-template} ThymeLeaf template

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>HtmlWithImagesAndCssTemplateSample</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="css/layout.css" rel="stylesheet" />                                                            <!--(1)-->
<link href="css/theme.css" rel="stylesheet" />                                                            <!--(2)-->
</head>
<body>
    <header>
        <img src="images/h1.gif" alt="Creating Email Magic" />                                            <!--(3)-->
    </header>
    <div class="content">
        <span th:text="${name}">name</span>
        <p th:text="${value}">value</p>
        <div class="left">
            <img src="images/left.gif" data-inline-image="base64" />                                    <!--(4)-->
            <p class="text">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
                tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi
                porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in
                posuere mauris neque at erat.
            </p>
        </div>
        <div class="right">
            <img src="images/right.gif" data-inline-image="attach" />                                    <!--(5)-->
            <p class="text">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
                tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi
                porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in
                posuere mauris neque at erat.
            </p>
        </div>
    </div>
    <footer>
        <div class="social">
            <a href="http://www.twitter.com/">
                <img src="images/tw.gif" alt="Twitter" />                                                <!--(6)-->
            </a>
            <a href="http://www.facebook.com/">
                <img src="images/fb.gif" alt="Facebook" data-inline-image="skip" />                        <!--(7)-->
            </a>
        </div>
        <div class="sender-info">
            &reg; Someone, somewhere 2013<br />
            <a href="#" class="white" data-inline-styles="skip">Unsubscribe</a> to this newsletter instantly    <!--(8)-->
        </div>
    </footer>
</body>
</html>

1. The CSS is parsed by Ogham and applied directly on the HTML (using style attribute)

2. The CSS is parsed by Ogham and applied directly on the HTML (using style attribute). The CSS may contain rules that override some rules of other CSS files (like in a browser)

3. The image is automatically embedded (the path is replaced by a Content-ID (or CID) and the image is attached to the email using ContentDisposition.INLINE with the Content-ID header). The content type is automatically determined

4. The image is converted to a base64 string. The src attribute of the image is updated using data URI scheme. The content type is automatically determined

5. Same as <3>

6. Same as <3>

7. The image is not inlined by Ogham. This can be useful to embed it manually.

Source code of the HTML template

image:{icons-css} CSS

layout.css

body {
    margin: 10px auto 30px auto;
    width: 600px;
}

header {
    padding: 40px 30px;
}

header img {
    display: block;
    margin: auto;
}


.content {
    padding: 40px 30px;
}

.left,
.right {
    width: 250px;
    display: inline-block;
}

.left {
    margin-right: 36px;
}

footer {
    padding: 30px;
}

footer .sender-info,
footer .social {
    text-align: center;
}
footer .social a {
    display: inline-block;
}
footer .sender-info {
    margin-top: 20px;
}

theme.css

body {
    border: 1px solid #ccc;
}

header {
    background: #70bbd9;
}

.content {
    text-align: justify;
}

footer {
    color:#ffffff;
    font-family:Arial, sans-serif;
    font-size:14px;
    background: #ee4c50;
}

footer .social a {
    color:#ffffff;
}

.white {
    color: #fff;
}

image:{icons-html} Sent HTML

TODO: code of the generated HTML with all transformations

Here is the list of supported transformations:

• ✓ <img> tags that use local images are embedded (using cid reference)

• ✓ <img> tags that use local images are embedded (using base64 data URI)

• ✓ Inline CSS rules using style attribute

• ❏ Use XHTML instead of HTML

• ❏ Tables used for layout explicitly set default values

• ❏ Remove HTML comments (except conditional comments used to target Outlook)

• ❏ Add border=0 on all images to avoid an ugly border

• ❏ Do not write shortcut CSS values (padding: 4px 4px 4px 4px; instead of padding: 4px)

• ❏ Padding is not supported on some clients so you must use margins instead (adding a parent just for the layout)

• ❏ Background images on body should be moved on another node

• ❏ Images must have alt attribute

Inline images

Images can be referenced externally but there are many constraints to do so. You have to provide the URL of the image. However, while you are coding or testing the feature that sends an email with images (for example testing account creation with confirmation email), the URL must point to an existing and accessible image. And even then, the email client might block those images for safety purpose (prevent tracking). Not mentioning offline issues.

That’s why Ogham provides automatic inlining on local images. Therefore, no need to use a server to serve the images and no need to configure the URLs to point to those images. The images are:

• Either attached with the email and referenced in the HTML using a Content-ID.

• Or images are converted to a base64 string and embedded in the HTML using the data URL scheme

• Or not inlined at all (if the image points to an external URL or it is explicitly skipped)

Tip	More explanation Additional information about image inlining.

Tip	Sender implementation independent Inlining of images not only work when sending an email using Java Mail but also works for any other email sender (like SendGrid).

Attach and reference images

By default, if the HTML contains <img> tag with src attribute that points to a local image, the image is automatically attached and referenced using a Content-ID that is automatically generated.

Note	Default choice explanation The attach strategy has been chosen by default as it is handled by more email clients than base64 strategy.

Tip	Customize CID generation Default Content-ID generation simply uses a incremental number. It is possible to use custom Content-ID generation.

As Ogham is fully configurable, the default strategy can be changed. Therefore if you want to use this strategy for a particular image, you need to explicitly indicate it. You can do so by setting the data-inline-image attribute with the "attach" value directly on the <img> tag.

Tip	Change default strategy It is possible to configure Ogham to use a different inlining strategy by default.

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.email;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class HtmlWithImagesAndCssTemplateSample {
    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.setProperty("mail.smtp.host", "<your server host>");
        properties.setProperty("mail.smtp.port", "<your server port>");
        properties.setProperty("ogham.email.from.default-value", "<email address to display for the sender user>");
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties(properties)
                    .and()
                .build();
        // send the email using fluent API
        // Note that the extension of the template is not given. This version
        // automatically takes the provided path and adds the '.html' extension
        // for the HTML template and '.txt.ftl' for text template
        service.send(new Email()
                        .body().template("classpath:/template/withImagesAndCss/resources",    // (1)
                                                            new SimpleBean("foo", 42))        // (2)
                        .to("[email protected]"));
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. The path to the templates (/template/withImagesAndCss/resources.html for the main body, /template/withImagesAndCss/resources.txt.ftl for the text alternative)

2. The template context

Source code of the sample

image:{icons-thymeleaf-html-template} ThymeLeaf template

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>HtmlWithImagesAndCssTemplateSample</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="css/layout.css" rel="stylesheet" />                                                            <!--(1)-->
<link href="css/theme.css" rel="stylesheet" />                                                            <!--(2)-->
</head>
<body>
    <header>
        <img src="images/h1.gif" alt="Creating Email Magic" />                                            <!--(3)-->
    </header>
    <div class="content">
        <span th:text="${name}">name</span>
        <p th:text="${value}">value</p>
        <div class="left">
            <img src="images/left.gif" data-inline-image="base64" />                                    <!--(4)-->
            <p class="text">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
                tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi
                porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in
                posuere mauris neque at erat.
            </p>
        </div>
        <div class="right">
            <img src="images/right.gif" data-inline-image="attach" />                                    <!--(5)-->
            <p class="text">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
                tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi
                porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in
                posuere mauris neque at erat.
            </p>
        </div>
    </div>
    <footer>
        <div class="social">
            <a href="http://www.twitter.com/">
                <img src="images/tw.gif" alt="Twitter" />                                                <!--(6)-->
            </a>
            <a href="http://www.facebook.com/">
                <img src="images/fb.gif" alt="Facebook" data-inline-image="skip" />                        <!--(7)-->
            </a>
        </div>
        <div class="sender-info">
            &reg; Someone, somewhere 2013<br />
            <a href="#" class="white" data-inline-styles="skip">Unsubscribe</a> to this newsletter instantly    <!--(8)-->
        </div>
    </footer>
</body>
</html>

1. _

2. _

3. As nothing is specified and src points to a local image, the image will be inlined (using attach strategy)

4. _

5. Same as <3> but strategy is explicitly indicated

6. Same as <3>

Source code of the HTML template

image:{icons-html} Generated HTML

<!doctype html>
<html>
<head>                                                                                                <!--(1)-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Demystifying Email Design</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="margin: 10px auto 30px auto; width: 600px; border: 1px solid #ccc;">                    <!--(2)-->
    <header style="padding: 40px 30px; background: #70bbd9;">
        <img src="cid:0" alt="Creating Email Magic" style="display: block; margin: auto;">            <!--(3)-->
    </header>
    <div class="content" style="padding: 40px 30px; text-align: justify;">                            <!--(4)-->
        <span>foo</span>
        <p>42</p>
        <div class="left" style="width: 250px; display: inline-block; margin-right: 36px;">
            <img src="data:image/gif;base64,R0lGODlh+gCMANUAAOxRVfySUllNTaNvTPS1j
vlpbfRUWPuKjdJ+Tvn8/v2qrNJQVv7d3vh2e+n0/fH4/fd8VOPx/Oft8/3q7PT5/sxQVct8TueC
RsRNU/7Rt/3IyiowPPaNTpZIUHpeSpNnTf3U1CM6RO72/fLl6vyeZP2uguWIUDg7R15PTfmQUFJ
ERDk/TS41QzA3Rdx6P//59vpeYsBOVO/3/f7n6P24j/7g4T88R//38zNCRTM6Rv2/wf7P0NSATv
pWWv///xU2QyH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZ
WhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIg
eDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE
3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLz
E5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iI
iB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJo
dHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmF
kb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG
9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxM
Tc1MTc0QUJFMTUxMUUyQjUwQ0YzRjY0Nzg2NURGMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRp
ZDoxMTc1MTc0QkJFMTUxMUUyQjUwQ0YzRjY0Nzg2NURGMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSB
zdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjExNzUxNzQ4QkUxNTExRTJCNTBDRjNGNjQ3ODY1RE
YwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjExNzUxNzQ5QkUxNTExRTJCNTBDRjNGNjQ3O
DY1REYwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hw
YWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2dj
X1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ
+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ
2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAv
Li0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAA
sAAAAAPoAjAAABv/An3BILBqPyKRyyWw6n9CodEqtWq/YrHbL7Xq/4LB4TC6bz+i0es1uu9/wuH
xOr9vv+Lx+z+/7/4CBgoOEhYaHiImKi4yNjo+QkZKTlJWWl5iZmpucnZ6foKGio6Slpo45HRgVr
K2ur7CxsrO0tbauMR0hp3o2Bj3AwcLDxMXGx8jJysYLu7x3McvS09TVyx3Pd7/W3N3exxXZdt/k
5d0L4nXm6+zJ6Olz7fLzwO/wcccwChoHwfr8whpo0FEAmQEACBMqXMiwocOF24jZu/fmmA4fPl4
U7HEx48YeEzAyOHbwocmTKCMKm0ixzbEaGH306wET48wCMX0cQ8mzJ8T/YixbrjmmAOMMGMCK+j
gabAdGHSR9SkXJTGjFYwcOIA2WdSswGFmTGRhLtqzZs2jTnj0W1CoaenDXtXVrJq7db3PpkrnL1
1pevWL6Cpb2FzCYwYiRFTbsRRiMBpAjS55MubLly5gza4a8kvHbYAUeiB5NurTp06hTq17N+sGI
zp7rgm5Nu7bt26RfB1scW4uw0LiDCx+uu17vMr+HK1/eungP3sev/KZAvbr169iza9/Ovbt3Cs6
hR6/yO6f58+jTq1/Pvj36CbDHHwbtvr79+/hzwt8tP0z5/AAGKOB+xvX3xX8CJqggewQ+Z+CB9L
H33YQJLGhfg+I9+ASC6ckQ/8GHIIYo4ogkUmChexhq2AWH6DlA4oswhijDie2lqOIWLJ5HQYw8k
lghjevZeGMWOQJp5H1CDildhEc2iWR8SlpRpJNUvgdllFRMeWEJAXTp5ZdghikmCRksmCSWU2jp
3g0kiOnmm2KWmeCZaEahZnsZwKmnniQoSGedGzIJIA17FurmC3NeCWigwOAkIKFuXnBBCilc4MK
lmLpwgZ6IDqjook3cyR6kYlrKAQeZZropnJ0G+CeoS9yZgAgO1GqrrQTAmUKXKZzq66l7SnDrsL
WaqN6rsCZxp4sw5mros15K0OOPVvKXLKM9OKoesy86C+2z0vJI7XnIXmuEqDIQi/9rlyYg4O678
MYrb7w8RKvurcamV665RIi6HqQqbCDwwAQXbLDBCHTZKoD78iuEv+oBfPDEFA9sgcKJWuuwEhCn
J3HFIBd8cQAL59eww7LSeq+zAYfs8gYjC3tvsUF+unG/grYYI8svuxzztMfafPPDOZ/HLYkss6D
00kw37bTTP4sbtMZDn1v0eemu3KUKT3ft9dIxz0zz1AVWbXWjCQL89dpQY+wp1WYP0TF6arNtNw
sjl4zfyfzOfV7dd6+dd8Zlxy331TklkLW6SQcueJcyz5xvtYUb/sOyO2/t+OMBhBvjuObxbS7mz
Wq+uddRf062g5YfjvZ6is/c+OlPhy3/9uTkCj203+YBTnvTg79dueG85+T772C77aruNxcf0/HI
4608w8xvLOvixM4evdK2S14z3MQjHtPRI2q/feowgq5f9SiLjxH5IpofPfovqh+T6NdeL/vWLfT
v//8ADGAAu3cv3IWOfX1zX3sgJYAVOPCBEIygBCUYvOWBL27OwwgDJ8jBDj6wgtS7oNky6IMNev
CEEQShyRA4OgWOqksNRKEMV6DCvbEwfy78FwxnKMMaPkmEVSOhCXnoQR9e6IbJEuIOiVjE6a0Qi
LsTRkgCNEQmTtCI9dkBEmE1jAaAgAFgDKMYxzhGLgUghla8Ype+SMY2tnEHH2Fd6y73jZIA/wAC
S0wjBbuUEJWcY45C8GM17IjHM+pRjQHoYznCAchoeIOQeTzkB/mIEEFaAxuA9MUjE1JINErSgSN
T5DcA4AxAnqADt5AFBlbZyU9CcGSrXGUqY4EBXQCyCwOI5CdHVspb0iGXhnQlKLvUS1/KAZie3C
UxjVkHZApzmAEoJjPf4Mxn8nKac6imMK+JzTgA8wMoCKc4x0nOcpbTBMvsJhyA+S1DSVOdamBnO
/f0TniiQZ566hW06mlPM+DzTajS1LP42U8y/DNSmNpVoQhaUDEctFSYGmhD1/DQMFXqAhwwVAom
ugYUzHNPKbAARyn6UTiZAAcjXYMAPjCAlrr0pTMwjWlMPcDQlNr0pjjNqU53ytOe+vSnQA2qUId
K1KIa9ahITapSl8rUpjr1qVCNqlSHFAQAOw==">                                                                <!--(5)-->
            <p class="text">Lorem ipsum dolor sit amet, consectetur
                adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum
                volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero
                ultricies ipsum, in posuere mauris neque at erat.
            </p>
        </div>
        <div class="right" style="width: 250px; display: inline-block;">
            <img src="cid:1">                                                                        <!--(6)-->
            <p class="text">Lorem ipsum dolor sit amet, consectetur
                adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum
                volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero
                ultricies ipsum, in posuere mauris neque at erat.
            </p>
        </div>
    </div>
    <footer style="padding: 30px; color: #ffffff; font-family: Arial, sans-serif; font-size: 14px; background: #ee4c50;">
        <div class="social" style="text-align: center;">
            <a href="http://www.twitter.com/" style="display: inline-block; color: #ffffff;">        <!--(7)-->
                <img src="cid:2" alt="Twitter">                                                        <!--(8)-->
            </a>
            <a href="http://www.facebook.com/" style="display: inline-block; color: #ffffff;">        <!--(9)-->
                <img src="images/fb.gif" alt="Facebook">                                            <!--(10)-->
            </a>
        </div>
        <div class="sender-info" style="text-align: center; margin-top: 20px;">
            &reg; Someone, somewhere 2013 <br>
            <a href="#" class="white">Unsubscribe</a>to this newsletter instantly                    <!--(11)-->
        </div>
    </footer>
</body>
</html>

1. _

2. _

3. The image is attached and the generated Content-ID is 0.

4. _

5. _

6. The image is attached and the generated Content-ID is 1.

7. _

8. The image is attached and the generated Content-ID is 2.

Embed using data URL scheme

As stated before, by default images are attached. So if you want to embed an image directly as a base64 string, you need to set the data-inline-image attribute with the "base64" value directly on the <img> tag.

Note	Mimetype detection The data URL scheme needs the mediatype information. Ogham automatically provides this information for you thanks to automatic mimetype detection.

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.email;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class HtmlWithImagesAndCssTemplateSample {
    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.setProperty("mail.smtp.host", "<your server host>");
        properties.setProperty("mail.smtp.port", "<your server port>");
        properties.setProperty("ogham.email.from.default-value", "<email address to display for the sender user>");
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties(properties)
                    .and()
                .build();
        // send the email using fluent API
        // Note that the extension of the template is not given. This version
        // automatically takes the provided path and adds the '.html' extension
        // for the HTML template and '.txt.ftl' for text template
        service.send(new Email()
                        .body().template("classpath:/template/withImagesAndCss/resources",    // (1)
                                                            new SimpleBean("foo", 42))        // (2)
                        .to("[email protected]"));
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. The path to the templates (/template/withImagesAndCss/resources.html for the main body, /template/withImagesAndCss/resources.txt.ftl for the text alternative)

2. The template context

Source code of the sample

image:{icons-thymeleaf-html-template} ThymeLeaf template

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>HtmlWithImagesAndCssTemplateSample</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="css/layout.css" rel="stylesheet" />                                                            <!--(1)-->
<link href="css/theme.css" rel="stylesheet" />                                                            <!--(2)-->
</head>
<body>
    <header>
        <img src="images/h1.gif" alt="Creating Email Magic" />                                            <!--(3)-->
    </header>
    <div class="content">
        <span th:text="${name}">name</span>
        <p th:text="${value}">value</p>
        <div class="left">
            <img src="images/left.gif" data-inline-image="base64" />                                    <!--(4)-->
            <p class="text">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
                tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi
                porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in
                posuere mauris neque at erat.
            </p>
        </div>
        <div class="right">
            <img src="images/right.gif" data-inline-image="attach" />                                    <!--(5)-->
            <p class="text">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
                tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi
                porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in
                posuere mauris neque at erat.
            </p>
        </div>
    </div>
    <footer>
        <div class="social">
            <a href="http://www.twitter.com/">
                <img src="images/tw.gif" alt="Twitter" />                                                <!--(6)-->
            </a>
            <a href="http://www.facebook.com/">
                <img src="images/fb.gif" alt="Facebook" data-inline-image="skip" />                        <!--(7)-->
            </a>
        </div>
        <div class="sender-info">
            &reg; Someone, somewhere 2013<br />
            <a href="#" class="white" data-inline-styles="skip">Unsubscribe</a> to this newsletter instantly    <!--(8)-->
        </div>
    </footer>
</body>
</html>

1. _

2. _

3. _

4. Indicate to Ogham to inline using base64 strategy

Source code of the HTML template

image:{icons-html} Generated HTML

<!doctype html>
<html>
<head>                                                                                                <!--(1)-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Demystifying Email Design</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="margin: 10px auto 30px auto; width: 600px; border: 1px solid #ccc;">                    <!--(2)-->
    <header style="padding: 40px 30px; background: #70bbd9;">
        <img src="cid:0" alt="Creating Email Magic" style="display: block; margin: auto;">            <!--(3)-->
    </header>
    <div class="content" style="padding: 40px 30px; text-align: justify;">                            <!--(4)-->
        <span>foo</span>
        <p>42</p>
        <div class="left" style="width: 250px; display: inline-block; margin-right: 36px;">
            <img src="data:image/gif;base64,R0lGODlh+gCMANUAAOxRVfySUllNTaNvTPS1j
vlpbfRUWPuKjdJ+Tvn8/v2qrNJQVv7d3vh2e+n0/fH4/fd8VOPx/Oft8/3q7PT5/sxQVct8TueC
RsRNU/7Rt/3IyiowPPaNTpZIUHpeSpNnTf3U1CM6RO72/fLl6vyeZP2uguWIUDg7R15PTfmQUFJ
ERDk/TS41QzA3Rdx6P//59vpeYsBOVO/3/f7n6P24j/7g4T88R//38zNCRTM6Rv2/wf7P0NSATv
pWWv///xU2QyH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZ
WhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIg
eDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE
3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLz
E5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iI
iB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJo
dHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmF
kb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG
9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxM
Tc1MTc0QUJFMTUxMUUyQjUwQ0YzRjY0Nzg2NURGMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRp
ZDoxMTc1MTc0QkJFMTUxMUUyQjUwQ0YzRjY0Nzg2NURGMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSB
zdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjExNzUxNzQ4QkUxNTExRTJCNTBDRjNGNjQ3ODY1RE
YwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjExNzUxNzQ5QkUxNTExRTJCNTBDRjNGNjQ3O
DY1REYwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hw
YWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2dj
X1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ
+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ
2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAv
Li0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAA
sAAAAAPoAjAAABv/An3BILBqPyKRyyWw6n9CodEqtWq/YrHbL7Xq/4LB4TC6bz+i0es1uu9/wuH
xOr9vv+Lx+z+/7/4CBgoOEhYaHiImKi4yNjo+QkZKTlJWWl5iZmpucnZ6foKGio6Slpo45HRgVr
K2ur7CxsrO0tbauMR0hp3o2Bj3AwcLDxMXGx8jJysYLu7x3McvS09TVyx3Pd7/W3N3exxXZdt/k
5d0L4nXm6+zJ6Olz7fLzwO/wcccwChoHwfr8whpo0FEAmQEACBMqXMiwocOF24jZu/fmmA4fPl4
U7HEx48YeEzAyOHbwocmTKCMKm0ixzbEaGH306wET48wCMX0cQ8mzJ8T/YixbrjmmAOMMGMCK+j
gabAdGHSR9SkXJTGjFYwcOIA2WdSswGFmTGRhLtqzZs2jTnj0W1CoaenDXtXVrJq7db3PpkrnL1
1pevWL6Cpb2FzCYwYiRFTbsRRiMBpAjS55MubLly5gza4a8kvHbYAUeiB5NurTp06hTq17N+sGI
zp7rgm5Nu7bt26RfB1scW4uw0LiDCx+uu17vMr+HK1/eungP3sev/KZAvbr169iza9/Ovbt3Cs6
hR6/yO6f58+jTq1/Pvj36CbDHHwbtvr79+/hzwt8tP0z5/AAGKOB+xvX3xX8CJqggewQ+Z+CB9L
H33YQJLGhfg+I9+ASC6ckQ/8GHIIYo4ogkUmChexhq2AWH6DlA4oswhijDie2lqOIWLJ5HQYw8k
lghjevZeGMWOQJp5H1CDildhEc2iWR8SlpRpJNUvgdllFRMeWEJAXTp5ZdghikmCRksmCSWU2jp
3g0kiOnmm2KWmeCZaEahZnsZwKmnniQoSGedGzIJIA17FurmC3NeCWigwOAkIKFuXnBBCilc4MK
lmLpwgZ6IDqjook3cyR6kYlrKAQeZZropnJ0G+CeoS9yZgAgO1GqrrQTAmUKXKZzq66l7SnDrsL
WaqN6rsCZxp4sw5mros15K0OOPVvKXLKM9OKoesy86C+2z0vJI7XnIXmuEqDIQi/9rlyYg4O678
MYrb7w8RKvurcamV665RIi6HqQqbCDwwAQXbLDBCHTZKoD78iuEv+oBfPDEFA9sgcKJWuuwEhCn
J3HFIBd8cQAL59eww7LSeq+zAYfs8gYjC3tvsUF+unG/grYYI8svuxzztMfafPPDOZ/HLYkss6D
00kw37bTTP4sbtMZDn1v0eemu3KUKT3ft9dIxz0zz1AVWbXWjCQL89dpQY+wp1WYP0TF6arNtNw
sjl4zfyfzOfV7dd6+dd8Zlxy331TklkLW6SQcueJcyz5xvtYUb/sOyO2/t+OMBhBvjuObxbS7mz
Wq+uddRf062g5YfjvZ6is/c+OlPhy3/9uTkCj203+YBTnvTg79dueG85+T772C77aruNxcf0/HI
4608w8xvLOvixM4evdK2S14z3MQjHtPRI2q/feowgq5f9SiLjxH5IpofPfovqh+T6NdeL/vWLfT
v//8ADGAAu3cv3IWOfX1zX3sgJYAVOPCBEIygBCUYvOWBL27OwwgDJ8jBDj6wgtS7oNky6IMNev
CEEQShyRA4OgWOqksNRKEMV6DCvbEwfy78FwxnKMMaPkmEVSOhCXnoQR9e6IbJEuIOiVjE6a0Qi
LsTRkgCNEQmTtCI9dkBEmE1jAaAgAFgDKMYxzhGLgUghla8Ype+SMY2tnEHH2Fd6y73jZIA/wAC
S0wjBbuUEJWcY45C8GM17IjHM+pRjQHoYznCAchoeIOQeTzkB/mIEEFaAxuA9MUjE1JINErSgSN
T5DcA4AxAnqADt5AFBlbZyU9CcGSrXGUqY4EBXQCyCwOI5CdHVspb0iGXhnQlKLvUS1/KAZie3C
UxjVkHZApzmAEoJjPf4Mxn8nKac6imMK+JzTgA8wMoCKc4x0nOcpbTBMvsJhyA+S1DSVOdamBnO
/f0TniiQZ566hW06mlPM+DzTajS1LP42U8y/DNSmNpVoQhaUDEctFSYGmhD1/DQMFXqAhwwVAom
ugYUzHNPKbAARyn6UTiZAAcjXYMAPjCAlrr0pTMwjWlMPcDQlNr0pjjNqU53ytOe+vSnQA2qUId
K1KIa9ahITapSl8rUpjr1qVCNqlSHFAQAOw==">                                                                <!--(5)-->
            <p class="text">Lorem ipsum dolor sit amet, consectetur
                adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum
                volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero
                ultricies ipsum, in posuere mauris neque at erat.
            </p>
        </div>
        <div class="right" style="width: 250px; display: inline-block;">
            <img src="cid:1">                                                                        <!--(6)-->
            <p class="text">Lorem ipsum dolor sit amet, consectetur
                adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum
                volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero
                ultricies ipsum, in posuere mauris neque at erat.
            </p>
        </div>
    </div>
    <footer style="padding: 30px; color: #ffffff; font-family: Arial, sans-serif; font-size: 14px; background: #ee4c50;">
        <div class="social" style="text-align: center;">
            <a href="http://www.twitter.com/" style="display: inline-block; color: #ffffff;">        <!--(7)-->
                <img src="cid:2" alt="Twitter">                                                        <!--(8)-->
            </a>
            <a href="http://www.facebook.com/" style="display: inline-block; color: #ffffff;">        <!--(9)-->
                <img src="images/fb.gif" alt="Facebook">                                            <!--(10)-->
            </a>
        </div>
        <div class="sender-info" style="text-align: center; margin-top: 20px;">
            &reg; Someone, somewhere 2013 <br>
            <a href="#" class="white">Unsubscribe</a>to this newsletter instantly                    <!--(11)-->
        </div>
    </footer>
</body>
</html>

1. _

2. _

3. _

4. _

5. The data URL starts with data: followed by the mimetype (image/gif) and the image converted to a base64 string.

Skip some images

In the case you need to inline an image manually, you can tell Ogham to skip the image by placing the data-inline-image attribute with the "skip" value on the <img> tag.

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.email;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class HtmlWithImagesAndCssTemplateSample {
    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.setProperty("mail.smtp.host", "<your server host>");
        properties.setProperty("mail.smtp.port", "<your server port>");
        properties.setProperty("ogham.email.from.default-value", "<email address to display for the sender user>");
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties(properties)
                    .and()
                .build();
        // send the email using fluent API
        // Note that the extension of the template is not given. This version
        // automatically takes the provided path and adds the '.html' extension
        // for the HTML template and '.txt.ftl' for text template
        service.send(new Email()
                        .body().template("classpath:/template/withImagesAndCss/resources",    // (1)
                                                            new SimpleBean("foo", 42))        // (2)
                        .to("[email protected]"));
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. The path to the templates (/template/withImagesAndCss/resources.html for the main body, /template/withImagesAndCss/resources.txt.ftl for the text alternative)

2. The template context

Source code of the sample

image:{icons-thymeleaf-html-template} ThymeLeaf template

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>HtmlWithImagesAndCssTemplateSample</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="css/layout.css" rel="stylesheet" />                                                            <!--(1)-->
<link href="css/theme.css" rel="stylesheet" />                                                            <!--(2)-->
</head>
<body>
    <header>
        <img src="images/h1.gif" alt="Creating Email Magic" />                                            <!--(3)-->
    </header>
    <div class="content">
        <span th:text="${name}">name</span>
        <p th:text="${value}">value</p>
        <div class="left">
            <img src="images/left.gif" data-inline-image="base64" />                                    <!--(4)-->
            <p class="text">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
                tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi
                porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in
                posuere mauris neque at erat.
            </p>
        </div>
        <div class="right">
            <img src="images/right.gif" data-inline-image="attach" />                                    <!--(5)-->
            <p class="text">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
                tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi
                porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in
                posuere mauris neque at erat.
            </p>
        </div>
    </div>
    <footer>
        <div class="social">
            <a href="http://www.twitter.com/">
                <img src="images/tw.gif" alt="Twitter" />                                                <!--(6)-->
            </a>
            <a href="http://www.facebook.com/">
                <img src="images/fb.gif" alt="Facebook" data-inline-image="skip" />                        <!--(7)-->
            </a>
        </div>
        <div class="sender-info">
            &reg; Someone, somewhere 2013<br />
            <a href="#" class="white" data-inline-styles="skip">Unsubscribe</a> to this newsletter instantly    <!--(8)-->
        </div>
    </footer>
</body>
</html>

1. _

2. _

3. _

4. _

5. _

6. _

7. Indicate to Ogham to skip inlining using skip value

Source code of the HTML template

image:{icons-html} Generated HTML

<!doctype html>
<html>
<head>                                                                                                <!--(1)-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Demystifying Email Design</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="margin: 10px auto 30px auto; width: 600px; border: 1px solid #ccc;">                    <!--(2)-->
    <header style="padding: 40px 30px; background: #70bbd9;">
        <img src="cid:0" alt="Creating Email Magic" style="display: block; margin: auto;">            <!--(3)-->
    </header>
    <div class="content" style="padding: 40px 30px; text-align: justify;">                            <!--(4)-->
        <span>foo</span>
        <p>42</p>
        <div class="left" style="width: 250px; display: inline-block; margin-right: 36px;">
            <img src="data:image/gif;base64,R0lGODlh+gCMANUAAOxRVfySUllNTaNvTPS1j
vlpbfRUWPuKjdJ+Tvn8/v2qrNJQVv7d3vh2e+n0/fH4/fd8VOPx/Oft8/3q7PT5/sxQVct8TueC
RsRNU/7Rt/3IyiowPPaNTpZIUHpeSpNnTf3U1CM6RO72/fLl6vyeZP2uguWIUDg7R15PTfmQUFJ
ERDk/TS41QzA3Rdx6P//59vpeYsBOVO/3/f7n6P24j/7g4T88R//38zNCRTM6Rv2/wf7P0NSATv
pWWv///xU2QyH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZ
WhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIg
eDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE
3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLz
E5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iI
iB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJo
dHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmF
kb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG
9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxM
Tc1MTc0QUJFMTUxMUUyQjUwQ0YzRjY0Nzg2NURGMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRp
ZDoxMTc1MTc0QkJFMTUxMUUyQjUwQ0YzRjY0Nzg2NURGMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSB
zdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjExNzUxNzQ4QkUxNTExRTJCNTBDRjNGNjQ3ODY1RE
YwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjExNzUxNzQ5QkUxNTExRTJCNTBDRjNGNjQ3O
DY1REYwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hw
YWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2dj
X1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ
+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ
2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAv
Li0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAA
sAAAAAPoAjAAABv/An3BILBqPyKRyyWw6n9CodEqtWq/YrHbL7Xq/4LB4TC6bz+i0es1uu9/wuH
xOr9vv+Lx+z+/7/4CBgoOEhYaHiImKi4yNjo+QkZKTlJWWl5iZmpucnZ6foKGio6Slpo45HRgVr
K2ur7CxsrO0tbauMR0hp3o2Bj3AwcLDxMXGx8jJysYLu7x3McvS09TVyx3Pd7/W3N3exxXZdt/k
5d0L4nXm6+zJ6Olz7fLzwO/wcccwChoHwfr8whpo0FEAmQEACBMqXMiwocOF24jZu/fmmA4fPl4
U7HEx48YeEzAyOHbwocmTKCMKm0ixzbEaGH306wET48wCMX0cQ8mzJ8T/YixbrjmmAOMMGMCK+j
gabAdGHSR9SkXJTGjFYwcOIA2WdSswGFmTGRhLtqzZs2jTnj0W1CoaenDXtXVrJq7db3PpkrnL1
1pevWL6Cpb2FzCYwYiRFTbsRRiMBpAjS55MubLly5gza4a8kvHbYAUeiB5NurTp06hTq17N+sGI
zp7rgm5Nu7bt26RfB1scW4uw0LiDCx+uu17vMr+HK1/eungP3sev/KZAvbr169iza9/Ovbt3Cs6
hR6/yO6f58+jTq1/Pvj36CbDHHwbtvr79+/hzwt8tP0z5/AAGKOB+xvX3xX8CJqggewQ+Z+CB9L
H33YQJLGhfg+I9+ASC6ckQ/8GHIIYo4ogkUmChexhq2AWH6DlA4oswhijDie2lqOIWLJ5HQYw8k
lghjevZeGMWOQJp5H1CDildhEc2iWR8SlpRpJNUvgdllFRMeWEJAXTp5ZdghikmCRksmCSWU2jp
3g0kiOnmm2KWmeCZaEahZnsZwKmnniQoSGedGzIJIA17FurmC3NeCWigwOAkIKFuXnBBCilc4MK
lmLpwgZ6IDqjook3cyR6kYlrKAQeZZropnJ0G+CeoS9yZgAgO1GqrrQTAmUKXKZzq66l7SnDrsL
WaqN6rsCZxp4sw5mros15K0OOPVvKXLKM9OKoesy86C+2z0vJI7XnIXmuEqDIQi/9rlyYg4O678
MYrb7w8RKvurcamV665RIi6HqQqbCDwwAQXbLDBCHTZKoD78iuEv+oBfPDEFA9sgcKJWuuwEhCn
J3HFIBd8cQAL59eww7LSeq+zAYfs8gYjC3tvsUF+unG/grYYI8svuxzztMfafPPDOZ/HLYkss6D
00kw37bTTP4sbtMZDn1v0eemu3KUKT3ft9dIxz0zz1AVWbXWjCQL89dpQY+wp1WYP0TF6arNtNw
sjl4zfyfzOfV7dd6+dd8Zlxy331TklkLW6SQcueJcyz5xvtYUb/sOyO2/t+OMBhBvjuObxbS7mz
Wq+uddRf062g5YfjvZ6is/c+OlPhy3/9uTkCj203+YBTnvTg79dueG85+T772C77aruNxcf0/HI
4608w8xvLOvixM4evdK2S14z3MQjHtPRI2q/feowgq5f9SiLjxH5IpofPfovqh+T6NdeL/vWLfT
v//8ADGAAu3cv3IWOfX1zX3sgJYAVOPCBEIygBCUYvOWBL27OwwgDJ8jBDj6wgtS7oNky6IMNev
CEEQShyRA4OgWOqksNRKEMV6DCvbEwfy78FwxnKMMaPkmEVSOhCXnoQR9e6IbJEuIOiVjE6a0Qi
LsTRkgCNEQmTtCI9dkBEmE1jAaAgAFgDKMYxzhGLgUghla8Ype+SMY2tnEHH2Fd6y73jZIA/wAC
S0wjBbuUEJWcY45C8GM17IjHM+pRjQHoYznCAchoeIOQeTzkB/mIEEFaAxuA9MUjE1JINErSgSN
T5DcA4AxAnqADt5AFBlbZyU9CcGSrXGUqY4EBXQCyCwOI5CdHVspb0iGXhnQlKLvUS1/KAZie3C
UxjVkHZApzmAEoJjPf4Mxn8nKac6imMK+JzTgA8wMoCKc4x0nOcpbTBMvsJhyA+S1DSVOdamBnO
/f0TniiQZ566hW06mlPM+DzTajS1LP42U8y/DNSmNpVoQhaUDEctFSYGmhD1/DQMFXqAhwwVAom
ugYUzHNPKbAARyn6UTiZAAcjXYMAPjCAlrr0pTMwjWlMPcDQlNr0pjjNqU53ytOe+vSnQA2qUId
K1KIa9ahITapSl8rUpjr1qVCNqlSHFAQAOw==">                                                                <!--(5)-->
            <p class="text">Lorem ipsum dolor sit amet, consectetur
                adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum
                volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero
                ultricies ipsum, in posuere mauris neque at erat.
            </p>
        </div>
        <div class="right" style="width: 250px; display: inline-block;">
            <img src="cid:1">                                                                        <!--(6)-->
            <p class="text">Lorem ipsum dolor sit amet, consectetur
                adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum
                volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero
                ultricies ipsum, in posuere mauris neque at erat.
            </p>
        </div>
    </div>
    <footer style="padding: 30px; color: #ffffff; font-family: Arial, sans-serif; font-size: 14px; background: #ee4c50;">
        <div class="social" style="text-align: center;">
            <a href="http://www.twitter.com/" style="display: inline-block; color: #ffffff;">        <!--(7)-->
                <img src="cid:2" alt="Twitter">                                                        <!--(8)-->
            </a>
            <a href="http://www.facebook.com/" style="display: inline-block; color: #ffffff;">        <!--(9)-->
                <img src="images/fb.gif" alt="Facebook">                                            <!--(10)-->
            </a>
        </div>
        <div class="sender-info" style="text-align: center; margin-top: 20px;">
            &reg; Someone, somewhere 2013 <br>
            <a href="#" class="white">Unsubscribe</a>to this newsletter instantly                    <!--(11)-->
        </div>
    </footer>
</body>
</html>

1. _

2. _

3. _

4. _

5. _

6. _

7. _

8. _

9. _

10. The image is not inlined at all (the original src attribute is unchanged)

Note

Future thoughts In future version of Ogham, a new strategy may be added in order to automatically serve local images and fill the HTML with the associated URL. The images may be automatically served by: first uploading them somewhere before sending the email automatically registering endpoints into your web application (adding Spring controller for example) that uses Ogham starting a local server (by running a command or a docker image for example) using tools like ngrok to expose local files/http server …​

Inline CSS

Email clients doesn’t handle external CSS files at all. Styles can be included in a style tag but some email clients like Gmail doesn’t support it. So all rules provided in the CSS MUST be inlined directly in the HTML. Writing code like this is really bad practice:

• code is difficult to read

• it is error prone as updating for example the base color need to ensure that styles are updated everywhere

• code can’t be mutualized between several HTML files

• …​

HTML files are then hard to maintain.

That’s why Ogham will automatically inline CSS rules directly on the HTML.

Tip	Sender implementation independent CSS inlining not only work when sending an email using Java Mail but also works for any other email sender (like SendGrid).

Inline styles on HTML nodes

By default, the CSS rules contained in CSS files referenced in the HTML are inlined. Each node has their style attribute updated to add the CSS rules that match that node.

Note	Default choice explanation Most of email clients only support theming using style attribute. Even modern email clients doesn’t support other strategies such as using <style> tags.

Tip	Inlining of <style> nodes As <style> may not be supported, the styles contained in <style> nodes in the HTML are also inlined using style attribute.

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.email;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class HtmlWithImagesAndCssTemplateSample {
    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.setProperty("mail.smtp.host", "<your server host>");
        properties.setProperty("mail.smtp.port", "<your server port>");
        properties.setProperty("ogham.email.from.default-value", "<email address to display for the sender user>");
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties(properties)
                    .and()
                .build();
        // send the email using fluent API
        // Note that the extension of the template is not given. This version
        // automatically takes the provided path and adds the '.html' extension
        // for the HTML template and '.txt.ftl' for text template
        service.send(new Email()
                        .body().template("classpath:/template/withImagesAndCss/resources",    // (1)
                                                            new SimpleBean("foo", 42))        // (2)
                        .to("[email protected]"));
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. The path to the templates (/template/withImagesAndCss/resources.html for the main body, /template/withImagesAndCss/resources.txt.ftl for the text alternative)

2. The template context

Source code of the sample

image:{icons-thymeleaf-html-template} ThymeLeaf template

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>HtmlWithImagesAndCssTemplateSample</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="css/layout.css" rel="stylesheet" />                                                            <!--(1)-->
<link href="css/theme.css" rel="stylesheet" />                                                            <!--(2)-->
</head>
<body>
    <header>
        <img src="images/h1.gif" alt="Creating Email Magic" />                                            <!--(3)-->
    </header>
    <div class="content">
        <span th:text="${name}">name</span>
        <p th:text="${value}">value</p>
        <div class="left">
            <img src="images/left.gif" data-inline-image="base64" />                                    <!--(4)-->
            <p class="text">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
                tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi
                porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in
                posuere mauris neque at erat.
            </p>
        </div>
        <div class="right">
            <img src="images/right.gif" data-inline-image="attach" />                                    <!--(5)-->
            <p class="text">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
                tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi
                porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in
                posuere mauris neque at erat.
            </p>
        </div>
    </div>
    <footer>
        <div class="social">
            <a href="http://www.twitter.com/">
                <img src="images/tw.gif" alt="Twitter" />                                                <!--(6)-->
            </a>
            <a href="http://www.facebook.com/">
                <img src="images/fb.gif" alt="Facebook" data-inline-image="skip" />                        <!--(7)-->
            </a>
        </div>
        <div class="sender-info">
            &reg; Someone, somewhere 2013<br />
            <a href="#" class="white" data-inline-styles="skip">Unsubscribe</a> to this newsletter instantly    <!--(8)-->
        </div>
    </footer>
</body>
</html>

1. Reference a CSS file that contains general layout rules

2. Reference a CSS file that contains theming (like colors) rules

Source code of the HTML template

image:{icons-css} CSS files

layout.css

body {
    margin: 10px auto 30px auto;
    width: 600px;
}

header {
    padding: 40px 30px;
}

header img {
    display: block;
    margin: auto;
}


.content {
    padding: 40px 30px;
}

.left,
.right {
    width: 250px;
    display: inline-block;
}

.left {
    margin-right: 36px;
}

footer {
    padding: 30px;
}

footer .sender-info,
footer .social {
    text-align: center;
}
footer .social a {
    display: inline-block;
}
footer .sender-info {
    margin-top: 20px;
}

theme.css

body {
    border: 1px solid #ccc;
}

header {
    background: #70bbd9;
}

.content {
    text-align: justify;
}

footer {
    color:#ffffff;
    font-family:Arial, sans-serif;
    font-size:14px;
    background: #ee4c50;
}

footer .social a {
    color:#ffffff;
}

.white {
    color: #fff;
}

image:{icons-html} Generated HTML

<!doctype html>
<html>
<head>                                                                                                <!--(1)-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Demystifying Email Design</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="margin: 10px auto 30px auto; width: 600px; border: 1px solid #ccc;">                    <!--(2)-->
    <header style="padding: 40px 30px; background: #70bbd9;">
        <img src="cid:0" alt="Creating Email Magic" style="display: block; margin: auto;">            <!--(3)-->
    </header>
    <div class="content" style="padding: 40px 30px; text-align: justify;">                            <!--(4)-->
        <span>foo</span>
        <p>42</p>
        <div class="left" style="width: 250px; display: inline-block; margin-right: 36px;">
            <img src="data:image/gif;base64,R0lGODlh+gCMANUAAOxRVfySUllNTaNvTPS1j
vlpbfRUWPuKjdJ+Tvn8/v2qrNJQVv7d3vh2e+n0/fH4/fd8VOPx/Oft8/3q7PT5/sxQVct8TueC
RsRNU/7Rt/3IyiowPPaNTpZIUHpeSpNnTf3U1CM6RO72/fLl6vyeZP2uguWIUDg7R15PTfmQUFJ
ERDk/TS41QzA3Rdx6P//59vpeYsBOVO/3/f7n6P24j/7g4T88R//38zNCRTM6Rv2/wf7P0NSATv
pWWv///xU2QyH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZ
WhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIg
eDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE
3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLz
E5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iI
iB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJo
dHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmF
kb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG
9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxM
Tc1MTc0QUJFMTUxMUUyQjUwQ0YzRjY0Nzg2NURGMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRp
ZDoxMTc1MTc0QkJFMTUxMUUyQjUwQ0YzRjY0Nzg2NURGMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSB
zdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjExNzUxNzQ4QkUxNTExRTJCNTBDRjNGNjQ3ODY1RE
YwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjExNzUxNzQ5QkUxNTExRTJCNTBDRjNGNjQ3O
DY1REYwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hw
YWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2dj
X1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ
+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ
2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAv
Li0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAA
sAAAAAPoAjAAABv/An3BILBqPyKRyyWw6n9CodEqtWq/YrHbL7Xq/4LB4TC6bz+i0es1uu9/wuH
xOr9vv+Lx+z+/7/4CBgoOEhYaHiImKi4yNjo+QkZKTlJWWl5iZmpucnZ6foKGio6Slpo45HRgVr
K2ur7CxsrO0tbauMR0hp3o2Bj3AwcLDxMXGx8jJysYLu7x3McvS09TVyx3Pd7/W3N3exxXZdt/k
5d0L4nXm6+zJ6Olz7fLzwO/wcccwChoHwfr8whpo0FEAmQEACBMqXMiwocOF24jZu/fmmA4fPl4
U7HEx48YeEzAyOHbwocmTKCMKm0ixzbEaGH306wET48wCMX0cQ8mzJ8T/YixbrjmmAOMMGMCK+j
gabAdGHSR9SkXJTGjFYwcOIA2WdSswGFmTGRhLtqzZs2jTnj0W1CoaenDXtXVrJq7db3PpkrnL1
1pevWL6Cpb2FzCYwYiRFTbsRRiMBpAjS55MubLly5gza4a8kvHbYAUeiB5NurTp06hTq17N+sGI
zp7rgm5Nu7bt26RfB1scW4uw0LiDCx+uu17vMr+HK1/eungP3sev/KZAvbr169iza9/Ovbt3Cs6
hR6/yO6f58+jTq1/Pvj36CbDHHwbtvr79+/hzwt8tP0z5/AAGKOB+xvX3xX8CJqggewQ+Z+CB9L
H33YQJLGhfg+I9+ASC6ckQ/8GHIIYo4ogkUmChexhq2AWH6DlA4oswhijDie2lqOIWLJ5HQYw8k
lghjevZeGMWOQJp5H1CDildhEc2iWR8SlpRpJNUvgdllFRMeWEJAXTp5ZdghikmCRksmCSWU2jp
3g0kiOnmm2KWmeCZaEahZnsZwKmnniQoSGedGzIJIA17FurmC3NeCWigwOAkIKFuXnBBCilc4MK
lmLpwgZ6IDqjook3cyR6kYlrKAQeZZropnJ0G+CeoS9yZgAgO1GqrrQTAmUKXKZzq66l7SnDrsL
WaqN6rsCZxp4sw5mros15K0OOPVvKXLKM9OKoesy86C+2z0vJI7XnIXmuEqDIQi/9rlyYg4O678
MYrb7w8RKvurcamV665RIi6HqQqbCDwwAQXbLDBCHTZKoD78iuEv+oBfPDEFA9sgcKJWuuwEhCn
J3HFIBd8cQAL59eww7LSeq+zAYfs8gYjC3tvsUF+unG/grYYI8svuxzztMfafPPDOZ/HLYkss6D
00kw37bTTP4sbtMZDn1v0eemu3KUKT3ft9dIxz0zz1AVWbXWjCQL89dpQY+wp1WYP0TF6arNtNw
sjl4zfyfzOfV7dd6+dd8Zlxy331TklkLW6SQcueJcyz5xvtYUb/sOyO2/t+OMBhBvjuObxbS7mz
Wq+uddRf062g5YfjvZ6is/c+OlPhy3/9uTkCj203+YBTnvTg79dueG85+T772C77aruNxcf0/HI
4608w8xvLOvixM4evdK2S14z3MQjHtPRI2q/feowgq5f9SiLjxH5IpofPfovqh+T6NdeL/vWLfT
v//8ADGAAu3cv3IWOfX1zX3sgJYAVOPCBEIygBCUYvOWBL27OwwgDJ8jBDj6wgtS7oNky6IMNev
CEEQShyRA4OgWOqksNRKEMV6DCvbEwfy78FwxnKMMaPkmEVSOhCXnoQR9e6IbJEuIOiVjE6a0Qi
LsTRkgCNEQmTtCI9dkBEmE1jAaAgAFgDKMYxzhGLgUghla8Ype+SMY2tnEHH2Fd6y73jZIA/wAC
S0wjBbuUEJWcY45C8GM17IjHM+pRjQHoYznCAchoeIOQeTzkB/mIEEFaAxuA9MUjE1JINErSgSN
T5DcA4AxAnqADt5AFBlbZyU9CcGSrXGUqY4EBXQCyCwOI5CdHVspb0iGXhnQlKLvUS1/KAZie3C
UxjVkHZApzmAEoJjPf4Mxn8nKac6imMK+JzTgA8wMoCKc4x0nOcpbTBMvsJhyA+S1DSVOdamBnO
/f0TniiQZ566hW06mlPM+DzTajS1LP42U8y/DNSmNpVoQhaUDEctFSYGmhD1/DQMFXqAhwwVAom
ugYUzHNPKbAARyn6UTiZAAcjXYMAPjCAlrr0pTMwjWlMPcDQlNr0pjjNqU53ytOe+vSnQA2qUId
K1KIa9ahITapSl8rUpjr1qVCNqlSHFAQAOw==">                                                                <!--(5)-->
            <p class="text">Lorem ipsum dolor sit amet, consectetur
                adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum
                volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero
                ultricies ipsum, in posuere mauris neque at erat.
            </p>
        </div>
        <div class="right" style="width: 250px; display: inline-block;">
            <img src="cid:1">                                                                        <!--(6)-->
            <p class="text">Lorem ipsum dolor sit amet, consectetur
                adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum
                volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero
                ultricies ipsum, in posuere mauris neque at erat.
            </p>
        </div>
    </div>
    <footer style="padding: 30px; color: #ffffff; font-family: Arial, sans-serif; font-size: 14px; background: #ee4c50;">
        <div class="social" style="text-align: center;">
            <a href="http://www.twitter.com/" style="display: inline-block; color: #ffffff;">        <!--(7)-->
                <img src="cid:2" alt="Twitter">                                                        <!--(8)-->
            </a>
            <a href="http://www.facebook.com/" style="display: inline-block; color: #ffffff;">        <!--(9)-->
                <img src="images/fb.gif" alt="Facebook">                                            <!--(10)-->
            </a>
        </div>
        <div class="sender-info" style="text-align: center; margin-top: 20px;">
            &reg; Someone, somewhere 2013 <br>
            <a href="#" class="white">Unsubscribe</a>to this newsletter instantly                    <!--(11)-->
        </div>
    </footer>
</body>
</html>

1. The <style> tags are removed from the head

2. Apply body rules using style attribute. The rules from both files are merged.

3. _

4. Apply .content rules using style attribute. The rules from both files are merged.

5. _

6. _

7. Apply footer .social a rules using style attribute. The rules from both files are merged.

8. _

9. As footer .social a also matches this node, the same rules as <7> are applied.

Skip some styles

If you don’t want to apply styles on a particular node, you can set the attribute data-inline-styles to "skip" value.

Tip	Skip some rules If you set data-inline-styles attribute to "skip" value on <link> or <style> nodes, the whole contained rules are not applied at all.

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.email;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class HtmlWithImagesAndCssTemplateSample {
    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.setProperty("mail.smtp.host", "<your server host>");
        properties.setProperty("mail.smtp.port", "<your server port>");
        properties.setProperty("ogham.email.from.default-value", "<email address to display for the sender user>");
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties(properties)
                    .and()
                .build();
        // send the email using fluent API
        // Note that the extension of the template is not given. This version
        // automatically takes the provided path and adds the '.html' extension
        // for the HTML template and '.txt.ftl' for text template
        service.send(new Email()
                        .body().template("classpath:/template/withImagesAndCss/resources",    // (1)
                                                            new SimpleBean("foo", 42))        // (2)
                        .to("[email protected]"));
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. The path to the templates (/template/withImagesAndCss/resources.html for the main body, /template/withImagesAndCss/resources.txt.ftl for the text alternative)

2. The template context

Source code of the sample

image:{icons-thymeleaf-html-template} ThymeLeaf template

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>HtmlWithImagesAndCssTemplateSample</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="css/layout.css" rel="stylesheet" />                                                            <!--(1)-->
<link href="css/theme.css" rel="stylesheet" />                                                            <!--(2)-->
</head>
<body>
    <header>
        <img src="images/h1.gif" alt="Creating Email Magic" />                                            <!--(3)-->
    </header>
    <div class="content">
        <span th:text="${name}">name</span>
        <p th:text="${value}">value</p>
        <div class="left">
            <img src="images/left.gif" data-inline-image="base64" />                                    <!--(4)-->
            <p class="text">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
                tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi
                porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in
                posuere mauris neque at erat.
            </p>
        </div>
        <div class="right">
            <img src="images/right.gif" data-inline-image="attach" />                                    <!--(5)-->
            <p class="text">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
                tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi
                porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in
                posuere mauris neque at erat.
            </p>
        </div>
    </div>
    <footer>
        <div class="social">
            <a href="http://www.twitter.com/">
                <img src="images/tw.gif" alt="Twitter" />                                                <!--(6)-->
            </a>
            <a href="http://www.facebook.com/">
                <img src="images/fb.gif" alt="Facebook" data-inline-image="skip" />                        <!--(7)-->
            </a>
        </div>
        <div class="sender-info">
            &reg; Someone, somewhere 2013<br />
            <a href="#" class="white" data-inline-styles="skip">Unsubscribe</a> to this newsletter instantly    <!--(8)-->
        </div>
    </footer>
</body>
</html>

1. Reference a CSS file that contains general layout rules

2. Reference a CSS file that contains theming (like colors) rules

3. _

4. _

5. _

6. _

7. _

8. Indicate Ogham to not apply styles on this node

Source code of the HTML template

image:{icons-css} CSS files

layout.css

body {
    margin: 10px auto 30px auto;
    width: 600px;
}

header {
    padding: 40px 30px;
}

header img {
    display: block;
    margin: auto;
}


.content {
    padding: 40px 30px;
}

.left,
.right {
    width: 250px;
    display: inline-block;
}

.left {
    margin-right: 36px;
}

footer {
    padding: 30px;
}

footer .sender-info,
footer .social {
    text-align: center;
}
footer .social a {
    display: inline-block;
}
footer .sender-info {
    margin-top: 20px;
}

theme.css

body {
    border: 1px solid #ccc;
}

header {
    background: #70bbd9;
}

.content {
    text-align: justify;
}

footer {
    color:#ffffff;
    font-family:Arial, sans-serif;
    font-size:14px;
    background: #ee4c50;
}

footer .social a {
    color:#ffffff;
}

.white {
    color: #fff;
}

image:{icons-html} Generated HTML

<!doctype html>
<html>
<head>                                                                                                <!--(1)-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Demystifying Email Design</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="margin: 10px auto 30px auto; width: 600px; border: 1px solid #ccc;">                    <!--(2)-->
    <header style="padding: 40px 30px; background: #70bbd9;">
        <img src="cid:0" alt="Creating Email Magic" style="display: block; margin: auto;">            <!--(3)-->
    </header>
    <div class="content" style="padding: 40px 30px; text-align: justify;">                            <!--(4)-->
        <span>foo</span>
        <p>42</p>
        <div class="left" style="width: 250px; display: inline-block; margin-right: 36px;">
            <img src="data:image/gif;base64,R0lGODlh+gCMANUAAOxRVfySUllNTaNvTPS1j
vlpbfRUWPuKjdJ+Tvn8/v2qrNJQVv7d3vh2e+n0/fH4/fd8VOPx/Oft8/3q7PT5/sxQVct8TueC
RsRNU/7Rt/3IyiowPPaNTpZIUHpeSpNnTf3U1CM6RO72/fLl6vyeZP2uguWIUDg7R15PTfmQUFJ
ERDk/TS41QzA3Rdx6P//59vpeYsBOVO/3/f7n6P24j/7g4T88R//38zNCRTM6Rv2/wf7P0NSATv
pWWv///xU2QyH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZ
WhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIg
eDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE
3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLz
E5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iI
iB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJo
dHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmF
kb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG
9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxM
Tc1MTc0QUJFMTUxMUUyQjUwQ0YzRjY0Nzg2NURGMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRp
ZDoxMTc1MTc0QkJFMTUxMUUyQjUwQ0YzRjY0Nzg2NURGMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSB
zdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjExNzUxNzQ4QkUxNTExRTJCNTBDRjNGNjQ3ODY1RE
YwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjExNzUxNzQ5QkUxNTExRTJCNTBDRjNGNjQ3O
DY1REYwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hw
YWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2dj
X1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ
+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ
2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAv
Li0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAA
sAAAAAPoAjAAABv/An3BILBqPyKRyyWw6n9CodEqtWq/YrHbL7Xq/4LB4TC6bz+i0es1uu9/wuH
xOr9vv+Lx+z+/7/4CBgoOEhYaHiImKi4yNjo+QkZKTlJWWl5iZmpucnZ6foKGio6Slpo45HRgVr
K2ur7CxsrO0tbauMR0hp3o2Bj3AwcLDxMXGx8jJysYLu7x3McvS09TVyx3Pd7/W3N3exxXZdt/k
5d0L4nXm6+zJ6Olz7fLzwO/wcccwChoHwfr8whpo0FEAmQEACBMqXMiwocOF24jZu/fmmA4fPl4
U7HEx48YeEzAyOHbwocmTKCMKm0ixzbEaGH306wET48wCMX0cQ8mzJ8T/YixbrjmmAOMMGMCK+j
gabAdGHSR9SkXJTGjFYwcOIA2WdSswGFmTGRhLtqzZs2jTnj0W1CoaenDXtXVrJq7db3PpkrnL1
1pevWL6Cpb2FzCYwYiRFTbsRRiMBpAjS55MubLly5gza4a8kvHbYAUeiB5NurTp06hTq17N+sGI
zp7rgm5Nu7bt26RfB1scW4uw0LiDCx+uu17vMr+HK1/eungP3sev/KZAvbr169iza9/Ovbt3Cs6
hR6/yO6f58+jTq1/Pvj36CbDHHwbtvr79+/hzwt8tP0z5/AAGKOB+xvX3xX8CJqggewQ+Z+CB9L
H33YQJLGhfg+I9+ASC6ckQ/8GHIIYo4ogkUmChexhq2AWH6DlA4oswhijDie2lqOIWLJ5HQYw8k
lghjevZeGMWOQJp5H1CDildhEc2iWR8SlpRpJNUvgdllFRMeWEJAXTp5ZdghikmCRksmCSWU2jp
3g0kiOnmm2KWmeCZaEahZnsZwKmnniQoSGedGzIJIA17FurmC3NeCWigwOAkIKFuXnBBCilc4MK
lmLpwgZ6IDqjook3cyR6kYlrKAQeZZropnJ0G+CeoS9yZgAgO1GqrrQTAmUKXKZzq66l7SnDrsL
WaqN6rsCZxp4sw5mros15K0OOPVvKXLKM9OKoesy86C+2z0vJI7XnIXmuEqDIQi/9rlyYg4O678
MYrb7w8RKvurcamV665RIi6HqQqbCDwwAQXbLDBCHTZKoD78iuEv+oBfPDEFA9sgcKJWuuwEhCn
J3HFIBd8cQAL59eww7LSeq+zAYfs8gYjC3tvsUF+unG/grYYI8svuxzztMfafPPDOZ/HLYkss6D
00kw37bTTP4sbtMZDn1v0eemu3KUKT3ft9dIxz0zz1AVWbXWjCQL89dpQY+wp1WYP0TF6arNtNw
sjl4zfyfzOfV7dd6+dd8Zlxy331TklkLW6SQcueJcyz5xvtYUb/sOyO2/t+OMBhBvjuObxbS7mz
Wq+uddRf062g5YfjvZ6is/c+OlPhy3/9uTkCj203+YBTnvTg79dueG85+T772C77aruNxcf0/HI
4608w8xvLOvixM4evdK2S14z3MQjHtPRI2q/feowgq5f9SiLjxH5IpofPfovqh+T6NdeL/vWLfT
v//8ADGAAu3cv3IWOfX1zX3sgJYAVOPCBEIygBCUYvOWBL27OwwgDJ8jBDj6wgtS7oNky6IMNev
CEEQShyRA4OgWOqksNRKEMV6DCvbEwfy78FwxnKMMaPkmEVSOhCXnoQR9e6IbJEuIOiVjE6a0Qi
LsTRkgCNEQmTtCI9dkBEmE1jAaAgAFgDKMYxzhGLgUghla8Ype+SMY2tnEHH2Fd6y73jZIA/wAC
S0wjBbuUEJWcY45C8GM17IjHM+pRjQHoYznCAchoeIOQeTzkB/mIEEFaAxuA9MUjE1JINErSgSN
T5DcA4AxAnqADt5AFBlbZyU9CcGSrXGUqY4EBXQCyCwOI5CdHVspb0iGXhnQlKLvUS1/KAZie3C
UxjVkHZApzmAEoJjPf4Mxn8nKac6imMK+JzTgA8wMoCKc4x0nOcpbTBMvsJhyA+S1DSVOdamBnO
/f0TniiQZ566hW06mlPM+DzTajS1LP42U8y/DNSmNpVoQhaUDEctFSYGmhD1/DQMFXqAhwwVAom
ugYUzHNPKbAARyn6UTiZAAcjXYMAPjCAlrr0pTMwjWlMPcDQlNr0pjjNqU53ytOe+vSnQA2qUId
K1KIa9ahITapSl8rUpjr1qVCNqlSHFAQAOw==">                                                                <!--(5)-->
            <p class="text">Lorem ipsum dolor sit amet, consectetur
                adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum
                volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero
                ultricies ipsum, in posuere mauris neque at erat.
            </p>
        </div>
        <div class="right" style="width: 250px; display: inline-block;">
            <img src="cid:1">                                                                        <!--(6)-->
            <p class="text">Lorem ipsum dolor sit amet, consectetur
                adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum
                volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero
                ultricies ipsum, in posuere mauris neque at erat.
            </p>
        </div>
    </div>
    <footer style="padding: 30px; color: #ffffff; font-family: Arial, sans-serif; font-size: 14px; background: #ee4c50;">
        <div class="social" style="text-align: center;">
            <a href="http://www.twitter.com/" style="display: inline-block; color: #ffffff;">        <!--(7)-->
                <img src="cid:2" alt="Twitter">                                                        <!--(8)-->
            </a>
            <a href="http://www.facebook.com/" style="display: inline-block; color: #ffffff;">        <!--(9)-->
                <img src="images/fb.gif" alt="Facebook">                                            <!--(10)-->
            </a>
        </div>
        <div class="sender-info" style="text-align: center; margin-top: 20px;">
            &reg; Someone, somewhere 2013 <br>
            <a href="#" class="white">Unsubscribe</a>to this newsletter instantly                    <!--(11)-->
        </div>
    </footer>
</body>
</html>

1. _

2. _

3. _

4. _

5. _

6. _

7. _

8. _

9. _

10. _

11. .white rule defined in theming.css matches this node however, you can notice that no style attribute has been added

Note	Future thoughts In future version of Ogham, a new strategy may be added in order to include styles using <style> tags.

A working preview of the HTML body (text alternative)

Sending an email with HTML content and text content might be really important, at least for smartphones. When a smartphone receives an email, it displays the sender, the subject and also a preview of the message, using the text alternative. If the message is only HTML, the preview might be unreadable.

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.email;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class HtmlAndTextSample {
    private static String html = "<!DOCTYPE html>"
                                + "<html>"
                                +     "<head><meta charset=\"utf-8\" /></head>"
                                +     "<body>"
                                +         "<h1 class=\"title\">Hello World</h1>"
                                +         "<p class=\"text\">Foo bar</p>"
                                +     "</body>"
                                + "</html>";
    private static String text = "Hello World !\r\n"
                                + "Foo bar";

    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.put("mail.smtp.host", "<your server host>");
        properties.put("mail.smtp.port", "<your server port>");
        properties.put("ogham.email.from.default-value", "<email address to display for the sender user>");
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties(properties)
                    .and()
                .build();
        // send the email using the fluent API
        service.send(new Email()
                        .subject("HtmlAndTextSample")
                        .text().string(text)              // (1)
                        .html().string(html)              // (2)
                        .to("[email protected]"));
    }
}

1. Explicitly set the textual content (used as alternative body). The alternative body is used when the email client doesn’t support HTML or as a preview of the email.

2. Explicitly set the HTML content (used as main body)

Note	The call order between text() and html() doesn’t matter (unlike using .content(new MultiContent(…​))).

Note	The underlying Content is a MultiContent.

Source code of the sample

Obviously, you can use templates too. Even better, the following sample shows the shorthand version that avoids specifying twice the path to the templates (a single path without extension for both HTML and text template files).

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.email;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class HtmlAndTextTemplateSample {
    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.setProperty("mail.smtp.host", "<your server host>");
        properties.setProperty("mail.smtp.port", "<your server port>");
        properties.setProperty("ogham.email.from.default-value", "<email address to display for the sender user>");
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties(properties)
                    .and()
                .build();
        // send the email using fluent API
        // Note that the extension of the template is not given. This version
        // automatically takes the provided path and adds the '.html' extension
        // for the HTML template and '.txt' for text template
        service.send(new Email()
                        .subject("HtmlAndTextTemplateSample")
                        .body().template("classpath:/template/thymeleaf/simple",          // (1)
                                                            new SimpleBean("foo", 42))    // (2)
                        .to("[email protected]"));
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. The body contains two parts (main body and alternative body) because there are two templates (one for HTML located at /template/thymeleaf/simple.html and one for text located at /template/thymeleaf/simple.txt). Only a single path is specified for both template files (without extension).

2. The object used for evaluation as usual when using templates (same object used for both HTML and text)

Note	The underlying Content is a MultiTemplateContent.

Source code of the sample

image:{icons-thymeleaf-text-template} Text template

Text template located in src/main/resources/template/thymeleaf/simple.txt

[[${name}]] [[${value}]]

Source code of the text template

image:{icons-thymeleaf-html-template} HTML template

HTML template located at src/main/resources/template/thymeleaf/simple.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">                <!--(1)-->
    <head>
        <meta charset="utf-8" />
    </head>
    <body>
        <h1 class="title" th:text="${name}"></h1>        <!--(2)-->
        <p class="text" th:text="${value}"></p>            <!--(3)-->
    </body>
</html>

Source code of the HTML template

Ogham will automatically determine file extensions to append according to the kind of message you are sending. For email, Ogham will search a HTML and a text file by default:

• Using ThymeLeaf, the file extensions are .html and .txt (configurable).

• Using FreeMarker, Ogham will search files with extensions .html.ftl and .txt.ftl (configurable).

If you are using body() (or explicitly using content(new MultiTemplateContent(…​))) and you only provide one template (only HTML for example). Ogham will not fail by default (configurable). Therefore, you can start your code with only a HTML template and add the text template later when you need it. That way, your Java code doesn’t require any change.

It is possible to mix templates in the same application. Even better, you can use a template engine that is better suited for HTML like Thymeleaf and FreeMarker that is better for textual version for the same email. Just write your templates with the engine you want.

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.email;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class HtmlAndTextMixedTemplateEnginesSample {
    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.setProperty("mail.smtp.host", "<your server host>");
        properties.setProperty("mail.smtp.port", "<your server port>");
        properties.setProperty("ogham.email.from.default-value", "<email address to display for the sender user>");
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties(properties)
                    .and()
                .build();
        // send the email using fluent API
        // Note that the extension of the template is not given. This version
        // automatically takes the provided path and adds the '.html' extension
        // for the HTML template and '.txt.ftl' for text template
        service.send(new Email()
                        .subject("HtmlAndTextMixedTemplateEnginesSample")
                        .body().template("classpath:/template/mixed/simple",                // (1)
                                                            new SimpleBean("foo", 42))      // (2)
                        .to("[email protected]"));
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. The body contains two parts (main body and alternative body) because there are two templates (one for HTML located at /template/thymeleaf/simple.html and one for text located at /template/thymeleaf/simple.txt.ftl). Only a single path is specified for both template files (without extension). The HTML template uses Thymeleaf while the text template uses FreeMarker.

2. The object used for evaluation as usual when using templates (same object used for both HTML and text)

Source code of the sample

image:{icons-freemarker-text-template} Text template

Text template located in src/main/resources/template/mixed/simple.txt.ftl

${name} ${value}

Source code of the text template

image:{icons-thymeleaf} HTML template

HTML template located at src/main/resources/template/mixed/simple.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="utf-8" />
    </head>
    <body>
        <h1 class="title" th:text="${name}"></h1>
        <p class="text" th:text="${value}"></p>
    </body>
</html>

Source code of the HTML template

You can notice that the Java code has not changed at all (only the path for the sample). The aim is to use the template engine that best suits your needs.

Attach files to the email

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.email;

import java.io.IOException;
import java.io.InputStream;
import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class WithAttachmentSample {
    public static void main(String[] args) throws MessagingException, IOException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.put("mail.smtp.host", "<your server host>");
        properties.put("mail.smtp.port", "<your server port>");
        properties.put("ogham.email.from.default-value", "<email address to display for the sender user>");
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties(properties)
                    .and()
                .build();
        // send the email using fluent API
        service.send(new Email()
                        .subject("WithAttachmentSample")
                        .body().string("content of the email")
                        .to("[email protected]")
                        .attach().resource("classpath:/attachment/test.pdf")            // (1)
                        .attach().stream("from-stream.pdf", loadInputStream()));        // (2)
    }

    private static InputStream loadInputStream() {
        return WithAttachmentSample.class.getResourceAsStream("/attachment/test.pdf");
    }
}

1. Attach a PDF file that exists in the classpath to the email. The name of the attachment uses the name of the file

2. Use an InputStream and name the attachment

Source code of the sample

Attaching a file to the email is quite simple. You just need to provide the path to the file. The file is loaded from classpath but could also be loaded from file system or anywhere else (see resource resolution section). In case you are using a file, the name of the attachment displayed in the email is automatically determined (test.pdf in the example).

It is often not possible to handle files directly. In that case you will use InputStream or byte[]. In that case, you need to name the attachment explicitly.

In both cases, the mimetype is automatically determined (application/pdf in this case). Mimetype is really important to ensure that the recipient(s) will be able to download or view the files correctly. It is possible to explicitly set the content type of the attachment if the automatic behavior doesn’t fit your needs.

The file content is linked to the email using ContentDisposition.ATTACHMENT.

Important

If you are using InputStream, you need to close the stream after sending the email.

Tip	You can also add a custom description for any attachment but in this case use Attachment class.

Tip

You can link a file to the email body using embed() instead of attach(). To make the link, the email body must contain an explicit reference using a Content-ID (or CID). The linked attachment must provide the Content-ID header with the same CID (automatically set by Ogham). The embedded attachment disposition is automatically set to ContentDisposition.INLINE.

Globally configure default email fields

Globally configure default sender

You can configure sender address for all sent email by setting the property ogham.email.from.default-value. The value can either be an email address ([email protected]) or an address with personal information (User Name <[email protected]>). This property is used for every implementation (through SMTP, through SendGrid, …​).

This global address is used only if nothing is specified in the email. If you explicitly set the sender address in the email constructor or using the setter, this value is used instead of the global one.

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.email;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class OverrideDefaultSenderSample {
    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.put("mail.smtp.host", "<your server host>");
        properties.put("mail.smtp.port", "<your server port>");
        properties.put("ogham.email.from.default-value", "[email protected]");  // (1)
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties(properties)
                    .and()
                .build();
        // send the email using fluent API
        service.send(new Email()                                               // (2)
                        .subject("OverrideDefaultSenderSample")
                        .body().string("email content")
                        .to("[email protected]"));
        // => the sender address is [email protected]

        service.send(new Email()
                .subject("subject")
                .body().string("email content")
                .from("[email protected]")                                     // (3)
                .to("[email protected]"));
        // => the sender address is now [email protected]
    }
}

1. Set the default sender address globally using properties

2. Do not provide from field so the sender address is [email protected]

3. Override the default sender address by providing a from field. The address is now [email protected]

Source code of the sample.

Tip	mail.from and mail.smtp.from also work

Globally configure default subject

As for sender address, you can define globally a default subject for emails if none is explicitly provided (neither using .subject(String) method nor defining a subject directly in the template). The property is ogham.email.subject.default-value.

Globally configure default recipients

You can also use properties to define default recipients if none are provided:

• ogham.email.to.default-value: set one or several recipient addresses (to field)

• ogham.email.cc.default-value: set one or several recipient addresses (cc field)

• ogham.email.bcc.default-value: set one or several recipient addresses (bcc field)

This can be convenient to set a bcc address for all sent messages for example (the bcc address will never be seen in received emails).

To define several recipient addresses, you can provide a string separated by ,.

image:{icons-java-code} Java

package oghamall.it.email;

import static fr.sii.ogham.testing.assertion.OghamAssertions.assertThat;
import static org.hamcrest.Matchers.contains;
import static org.hamcrest.Matchers.containsInAnyOrder;
import static org.hamcrest.Matchers.is;
import static org.hamcrest.Matchers.startsWith;

import java.io.IOException;
import java.util.Properties;

import org.junit.Before;
import org.junit.Rule;
import org.junit.Test;

import com.icegreen.greenmail.junit.GreenMailRule;
import com.icegreen.greenmail.util.ServerSetupTest;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;
import fr.sii.ogham.testing.extension.junit.LoggingTestRule;

public class EmailPropertiesTest {

    private MessagingService oghamService;

    @Rule
    public final LoggingTestRule loggingRule = new LoggingTestRule();

    @Rule
    public final GreenMailRule greenMail = new GreenMailRule(ServerSetupTest.SMTP);

    @Before
    public void setUp() throws IOException {
        Properties additional = new Properties();
        additional.setProperty("mail.smtp.host", ServerSetupTest.SMTP.getBindAddress());
        additional.setProperty("mail.smtp.port", String.valueOf(ServerSetupTest.SMTP.getPort()));
        additional.setProperty("ogham.email.from.default-value", "[email protected]");
        additional.setProperty("ogham.email.to.default-value", "[email protected],  [email protected] , [email protected]");   // (1)
        additional.setProperty("ogham.email.cc.default-value", "[email protected],[email protected]");                            // (2)
        additional.setProperty("ogham.email.bcc.default-value", "[email protected]");                                                // (3)
        oghamService = MessagingBuilder.standard()
                .environment()
                    .properties("/application.properties")
                    .properties(additional)
                    .and()
                .build();
    }

    @Test
    public void simple() throws MessagingException, javax.mail.MessagingException {
        oghamService.send(new Email()
                            .subject("Simple")
                            .content("string body"));
        assertThat(greenMail).receivedMessages()
                .count(is(6))
                .every()
                    .subject(is("Simple"))
                    .body()
                        .contentAsString(is("string body"))
                        .contentType(startsWith("text/plain")).and()
                    .from()
                        .address(contains("[email protected]")).and()
                    .to()
                        .address(containsInAnyOrder("[email protected]", "[email protected]", "[email protected]")).and()
                    .cc()
                        .address(containsInAnyOrder("[email protected]", "[email protected]"));
    }
}

1. Define 3 to recipients

2. Define 2 cc recipients

3. Define a single bcc recipient

Source code of the sample.

Tip	The email addresses are trimmed: additional.setProperty("ogham.email.to.default-value", " [email protected] , John Doe <[email protected]>, [email protected]"); The email addresses will be: [email protected] John Doe <[email protected]> [email protected]

Provide SMTP authentication

Configure username and password

Some SMTP servers need credentials. When using Java Mail API, you need to provide an Authenticator.

Ogham has a shortcut to declare default authentication mechanism using a username and a password. Just set the two following properties:

• ogham.email.javamail.authenticator.username

• ogham.email.javamail.authenticator.password

It will automatically create an Authenticator with the provided values.

See Send email through GMail sample.

Custom Authenticator

Use SSL

Send email through GMail

This sample shows how to send a basic email through GMail. Sending through GMail is simply using username/password authentication and enabling SSL.

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.email.gmail;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class GmailSSLBasicSample {

    public static void main(String[] args) throws MessagingException {
        // Instantiate the messaging service using default behavior and
        // provided properties (properties can be externalized)
        MessagingService service = MessagingBuilder.standard()                                      // (1)
            .environment()
                .properties()                                                                       // (2)
                    .set("mail.smtp.auth", true)                                                    // (3)
                    .set("mail.smtp.host", "smtp.gmail.com")                                        // (4)
                    .set("mail.smtp.port", 465)                                                     // (5)
                    .set("mail.smtp.socketFactory.class", "javax.net.ssl.SSLSocketFactory")         // (6)
                    .set("ogham.email.javamail.authenticator.username", "<your gmail username>")    // (7)
                    .set("ogham.email.javamail.authenticator.password", "<your gmail password>")    // (8)
                    .set("ogham.email.from.default-value", "<your gmail address>")                  // (9)
                    .and()
                .and()
            .build();
        // send the mail using fluent API
        service.send(new Email()                                                                    // (10)
                        .subject("GmailSSLBasicSample")
                        .body().string("email content")
                        .to("[email protected]"));
    }
}

1. Use the standard builder to configure and instantiate the MessagingService as usual

2. Use the fluent API to provide configuration properties (this is exactly the same as providing java.util.Properties object)

3. GMail requires authentication so property mail.smtp.auth must be set to true (this is the standard JavaMail behavior)

4. GMail SMTP host (using JavaMail standard property)

5. GMail SMTP port (using JavaMail standard property)

6. GMail uses SSL (JavaMail requires this special property to enable SSL)

7. Provide your GMail username

8. Provide your Gmail password

9. Provide your GMail email address

10. Send the email

Source code of the sample

Using GMail server is quite easy. This samples shows several things:

1. The code to send email is still the same.

2. The properties can be provided in a fluent way.

3. SSL is enabled using standard JavaMail property.

4. Authentication is done using properties. JavaMail doesn’t provide this shortcut. Without Ogham, you have to implement an Authenticator.

Sending email through SendGrid

Sending an email using SendGrid HTTP API is exactly the same in term of code. The only difference is the configuration of Ogham.

image:{icons-java-code} Java (SendGrid)

package fr.sii.ogham.sample.standard.email.sendgrid;

import java.io.IOException;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

/**
 * This sample shows how to send email with following characteristics:
 * <ul>
 * <li>Use templates</li>
 * <li>Use template prefix</li>
 * <li>The HTML template uses external CSS and images</li>
 * <li>The HTML template loads page fragments</li>
 * <li>The subject is extracted from templates</li>
 * <li>Send HTML email with text fallback</li>
 * <li>Add attachments to the email</li>
 * <li>Properties are loaded from external file and API key is set in code</li>
 * </ul>
 *
 * <p>
 * The templates are available in src/main/resources/template/thymeleaf/email:
 * <ul>
 * <li>full.html</li>
 * <li>full.txt</li>
 * </ul>
 *
 * <p>
 * The HTML template uses a page fragment that is available in
 * src/main/resources/template/thymeleaf/email/fragments/header.html.
 *
 * <p>
 * The HTML template also references external CSS and images that are available
 * in src/main/resources/resources.
 *
 * @author Aurélien Baudet
 *
 */
public class SendGridFullSample {
    public static void main(String[] args) throws MessagingException, IOException {
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties("/sendgrid-template.properties")                // (1)
                    .and()
                .build();
        // send the email using fluent API
        // @formatter:off
        service.send(new Email()
                        .body().template("full", new SimpleBean("foo", 42))     // (2)
                        .to("[email protected]")
                        .attach().resource("/attachment/test.pdf"));
        // @formatter:on
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. Load properties from a file that is in the classpath.

2. Use a resource present in the classpath.

Source code of the sample

image:{icons-properties-file} Properties (SendGrid)

# ogham additional properties
ogham.email.sendgrid.api-key=<your sendgrid API key>           # (1)
ogham.email.from.default-value=<sender email address>          # (2)
ogham.email.template.path-prefix=/template/thymeleaf/email/    # (3)

1. The SendGrid API key instead of SMTP configuration

2. The sender email address (same as JavaMail)

3. A prefix for all template paths. In this example, the template paths are /template/thymeleaf/email/full.html and /template/thymeleaf/email/full.txt (same as JavaMail).

Source code of the configuration file

image:{icons-java-code} Java (JavaMail)

package fr.sii.ogham.sample.standard.email;

import java.io.IOException;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

/**
 * This sample shows how to send email with following characteristics:
 * <ul>
 * <li>Use templates</li>
 * <li>Use template prefix</li>
 * <li>The HTML template uses external CSS and images</li>
 * <li>The HTML template loads page fragments</li>
 * <li>The subject is extracted from templates</li>
 * <li>Send HTML email with text fallback</li>
 * <li>Add attachments to the email</li>
 * <li>Properties are loaded from external file</li>
 * </ul>
 *
 * <p>
 * The templates are available in src/main/resources/template/thymeleaf/email:
 * <ul>
 * <li>full.html</li>
 * <li>full.txt</li>
 * </ul>
 *
 * <p>
 * The HTML template uses a page fragment that is available in
 * src/main/resources/template/thymeleaf/email/fragments/header.html.
 *
 * <p>
 * The HTML template also references external CSS and images that are available
 * in src/main/resources/resources.
 *
 * @author Aurélien Baudet
 *
 */
public class FullSample {
    public static void main(String[] args) throws MessagingException, IOException {
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties("/email-template.properties")                   // (1)
                    .and()
                .build();
        // send the email using fluent API
        // @formatter:off
        service.send(new Email()
                        .body().template("full", new SimpleBean("foo", 42))     // (2)
                        .to("[email protected]")
                        .attach().resource("/attachment/test.pdf"));
        // @formatter:on
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. Load properties from a file that is in the classpath.

2. Use a resource present in the classpath.

Source code of the sample

image:{icons-properties-file} Properties (JavaMail)

# general SMTP server
mail.smtp.host=<your server host>                                   # (1)
mail.smtp.port=<your server port>                                   # (2)
# using with Gmail
#mail.smtp.auth=true
#mail.smtp.host=smtp.gmail.com
#mail.smtp.port=465
#mail.smtp.socketFactory.port=465
#mail.smtp.socketFactory.class=javax.net.ssl.SSLSocketFactory
#ogham.email.javamail.authenticator.username=<your gmail username>
#ogham.email.javamail.authenticator.password=<your gmail password>


# ogham additional properties
ogham.email.from.default-value=<sender email address>               # (3)
ogham.email.template.path-prefix=/template/thymeleaf/email/         # (4)

1. The SMTP host used by JavaMail

2. The SMTP port used by JavaMail

3. The sender email address

4. A prefix for all template paths. In this example, the template paths are /template/thymeleaf/email/full.html and /template/thymeleaf/email/full.txt.

Source code of the configuration file

Send SMS

The samples are available in the sample-standard-usage sub-project.

All samples shown bellow are using SMPP for sending SMS. The SMPP protocol is the standard way to send SMS. Only a subset of SMPP properties are used in following samples. The whole list of SMPP properties is available in advanced configuration.

See Sending SMS through OVH to know how to send SMS using OVH HTTP API.

First SMS using an existing SMPP server

This sample defines two properties mandatory (system ID and password) by this protocol in order to use it.

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.sms;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.sms.message.Sms;

public class BasicSample {
    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.setProperty("ogham.sms.smpp.host", "<your server host>");                                 // (1)
        properties.setProperty("ogham.sms.smpp.port", "<your server port>");                                 // (2)
        properties.setProperty("ogham.sms.smpp.system-id", "<your server system ID>");                       // (3)
        properties.setProperty("ogham.sms.smpp.password", "<your server password>");                         // (4)
        properties.setProperty("ogham.sms.from.default-value", "<phone number to display for the sender>");  // (5)
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()                                               // (6)
                .environment()
                    .properties(properties)                                                                  // (7)
                    .and()
                .build();                                                                                    // (8)
        // send the sms using fluent API
        service.send(new Sms()                                                                               // (9)
                        .message().string("sms content")
                        .to("+33752962193"));
    }

}

1. Configure the SMPP server host

2. Configure the SMPP server port

3. The SMPP system ID

4. The SMPP password

5. The phone number of the sender

6. Use the standard builder (predefined behavior)

7. Register the custom properties

8. Create a MessagingService instance

9. Send a SMS with a simple message. The sender phone number is automatically set using ogham.sms.from.default-value property

Source code of the sample.

The construction of the SMS is done using a fluent API in order to chain calls and to have a more readable code.

Properties are directly provided in the code. You can instead use a configuration file.

Use a template for SMS content

This sample shows how to send a SMS with a content following a template engine language.

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.sms;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.sms.message.Sms;

public class TemplateSample {
    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.setProperty("ogham.sms.smpp.host", "<your server host>");
        properties.setProperty("ogham.sms.smpp.port", "<your server port>");
        properties.setProperty("ogham.sms.smpp.system-id", "<your server system ID>");
        properties.setProperty("ogham.sms.smpp.password", "<your server password>");
        properties.setProperty("ogham.sms.from.default-value", "<phone number to display for the sender>");
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()                              // (1)
                .environment()
                    .properties(properties)                                                 // (2)
                    .and()
                .build();                                                                   // (3)
        // send the sms using fluent API
        service.send(new Sms()                                                              // (4)
                        .message().template("classpath:/template/thymeleaf/simple.txt",     // (5)
                                                    new SimpleBean("foo", 42))              // (6)
                        .to("+33752962193"));
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. Use the standard builder (predefined behavior)

2. Register the custom properties

3. Create a MessagingService instance

4. Send a SMS with message that comes from the evaluated template. The sender address is automatically set using ogham.sms.from.default-value property

5. Indicate the path to the template file (in the classpath)

6. Use any bean object for replacing variables in template

Source code of the sample.

image:{icons-thymeleaf} ThymeLeaf template

[[${name}]] [[${value}]]

Source code of the template

Using a template is straightforward. Instead of providing a string content (using .message().string(…​)), you call .message().template(…​, …​). The template method requires two pieces of information:

• The path to the template

• The variables to evaluate in the template

The path to the template is a string with a lookup prefix. The lookup prefix is used to indicate where to search the template (from file system, from classpath or anywhere else). Here we explicitly ask to load the template from classpath (using prefix classpath:). If no lookup is defined, classpath is used by default. See Resource resolution section for more information.

The variables are any object you are using in your application. No need to convert your object to a particular format. Directly use what you want.

Send a long SMS

As you may know, SMS stands for Short Message Service. Basically, the messages are limited to a maximum of 160 characters if character encoding is using 7bits. Using a 8-bit character encoding decreases the limit to 140 characters and 70 characters for a 16-bit encoding. If needed, the library will split your messages into several parts the right way to be recomposed by clients later (according to the message encoding). Therefore, you don’t need to handle the split of messages in your code:

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.sms;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.sms.message.Sms;

public class LongMessageSample {
    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.setProperty("ogham.sms.smpp.host", "<your server host>");
        properties.setProperty("ogham.sms.smpp.port", "<your server port>");
        properties.setProperty("ogham.sms.smpp.system-id", "<your server system ID>");
        properties.setProperty("ogham.sms.smpp.password", "<your server password>");
        properties.setProperty("ogham.sms.from.default-value", "<phone number to display for the sender>");
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties(properties)
                    .and()
                .build();
        String longMessage = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad "
                            + "minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehender"
                            + "it in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui o"
                            + "fficia deserunt mollit anim id est laborum.";
        // send the sms using fluent API
        service.send(new Sms()
                        .message().string(longMessage)
                        .to("+33752962193"));
    }

}

Source code of the sample.

Note

Larger content (concatenated SMS, multipart or segmented SMS, or "long SMS") can be sent using multiple messages, in which case each message will start with a User Data Header (UDH) containing segmentation information. Since UDH is part of the payload, the number of available characters per segment is lower: 153 for 7-bit encoding, 134 for 8-bit encoding and 67 for 16-bit encoding. The receiving handset is then responsible for reassembling the message and presenting it to the user as one long message. While the standard theoretically permits up to 255 segments, 6 to 8 segment messages are the practical maximum.

Note	By default, Ogham sends the SMS using 8-bit encoding.

Sending SMS through SmsGlobal

You can send SMS using SmsGlobal SMPP server:

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.sms.smsglobal;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.sms.message.Sms;

public class BasicSmsglobalSmppSample {
    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.setProperty("ogham.sms.smpp.host", "smsglobal.com");                                         // (1)
        properties.setProperty("ogham.sms.smpp.system-id", "<your smsglobal username available in API keys>");  // (2)
        properties.setProperty("ogham.sms.smpp.password", "<your smsglobal password available in API keys>");   // (3)
        properties.setProperty("ogham.sms.from.default-value", "<phone number to display for the sender>");     // (4)
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()                                                  // (5)
                .environment()
                    .properties(properties)                                                                     // (6)
                    .and()
                .build();                                                                                       // (7)
        // send the sms using fluent API
        service.send(new Sms()                                                                                  // (8)
                .message().string("sms content")
                .to("+262693493696"));
    }
}

1. The SmsGlobal server host

2. Your SmsGlobal username

3. Your SmsGlobal password

4. The sender phone number

5. Use the standard builder to configure and instantiate the MessagingService as usual

6. Provide configuration properties to Ogham as usual

7. Instantiate the service as usual

8. Send the SMS as usual

Source code of the sample.

Tip	You can notice that SMPP server port is not provided. This is because Ogham provides predefined configuration for well-known service providers like SmsGlobal.

Sending SMS through OVH

You can send SMS using OVH HTTP API:

Globally configure default sender phone number

Ogham lets you set the sender phone number directly into properties. This phone number is automatically used for all sent SMS.

If you explicitly specify the sender phone number, this value is used instead of the global one:

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard.sms;

import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.sms.message.Sms;

public class OverrideDefaultSenderSample {
    public static void main(String[] args) throws MessagingException {
        // configure properties (could be stored in a properties file or defined
        // in System properties)
        Properties properties = new Properties();
        properties.put("ogham.sms.smpp.host", "<your server host>");
        properties.put("ogham.sms.smpp.port", "<your server port>");
        properties.setProperty("ogham.sms.smpp.system-id", "<your server system ID>");
        properties.setProperty("ogham.sms.smpp.password", "<your server password>");
        properties.put("ogham.sms.from.default-value", "+33699999999");     // (1)
        // Instantiate the messaging service using default behavior and
        // provided properties
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties(properties)
                    .and()
                .build();
        // send the sms using fluent API
        service.send(new Sms()                                              // (2)
                .message().string("sms content")
                .to("+33752962193"));
        // => the sender phone number is +33699999999

        service.send(new Sms()
                .message().string("sms content")
                .from("+33700000000")                                       // (3)
                .to("+33752962193"));
        // => the sender phone number is now +33700000000
    }
}

1. Set the default sender phone number globally using properties

2. Do not provide from field so the sender phone number is +33699999999

3. Override the default sender phone number by providing a from field. The phone number is now +33700000000

Source code of the sample.

Resource resolution

Resource resolution is used to locate files using a simple path. For example, the path of a file you want to use (template, image, CSS, attachment…​) could be foo/bar/aaa.b. But the file could be located:

• either in the classpath

• or on the file system

• or anywhere else (could be in a database, on a HTTP endpoint…​)

Ogham provides resource resolution abstraction. Any path can contain an information used to indicate which resolver to use to find and read the file content. For example, if the previous path stands for a file that is in the classpath, the Ogham path is classpath:foo/bar/aaa.b. On the contrary, if the path represents a file that is on file system, the Ogham path is file:foo/bar/aaa.b. In both cases, the path is prefixed by a string named lookup prefix (respectively classpath: and file:).

Ogham configures by default (through MessagingBuilder.standard() or MessagingBuilder.minimal()) several resource resolvers:

• A resolver that is able to locate and read files from the file system with lookup prefix file:.

• A resolver that is able to locate and read files from the classpath with lookup prefix classpath:.

• A resolver that doesn’t load file from path but directly uses the string as content with lookups string: or s:.

• A default resolver with no lookup that is able to locate and read files from the classpath.

Each resolver that is able to handle a path may also handle a path prefix and a path suffix. This is useful in order to provide only a subset of the path (only the file name for example) to Ogham and let Ogham find the real path of the file. For example if you configure Ogham with the prefix foo/bar and .b suffix for both classpath and file resolvers, you can ask Ogham to find the file foo/bar/aaa.b using the path classpath:aaa or file:aaa. Prefix and suffix can be changed using configuration properties (when using MessagingBuilder.standard() or MessagingBuilder.minimal()). There exists one property by message type (email or SMS), by resolver type (classpath or file), by template engine (ThymeLeaf or FreeMarker). Ogham also provides shared configuration properties (configure once for all):

Template engine	Message type	Resolver type	Properties (ordered by higher priority)
ThymeLeaf	Email	Classpath	ogham.email.thymeleaf.classpath.path-prefix ogham.email.template.classpath.path-prefix ogham.email.thymeleaf.path-prefix ogham.email.template.path-prefix ogham.template.path-prefix
ThymeLeaf	Email	File	ogham.email.thymeleaf.file.path-prefix ogham.email.template.file.path-prefix ogham.email.thymeleaf.path-prefix ogham.email.template.path-prefix ogham.template.path-prefix
ThymeLeaf	SMS	Classpath	ogham.sms.thymeleaf.classpath.path-prefix ogham.sms.template.classpath.path-prefix ogham.sms.thymeleaf.path-prefix ogham.sms.template.path-prefix ogham.template.path-prefix
ThymeLeaf	SMS	File	ogham.sms.thymeleaf.file.path-prefix ogham.sms.template.file.path-prefix ogham.sms.thymeleaf.path-prefix ogham.sms.template.path-prefix ogham.template.path-prefix
FreeMarker	Email	Classpath	ogham.email.freemarker.classpath.path-prefix ogham.email.template.classpath.path-prefix ogham.email.freemarker.path-prefix ogham.email.template.path-prefix ogham.template.path-prefix
FreeMarker	Email	File	ogham.email.freemarker.file.path-prefix ogham.email.template.file.path-prefix ogham.email.freemarker.path-prefix ogham.email.template.path-prefix ogham.template.path-prefix
FreeMarker	SMS	Classpath	ogham.sms.freemarker.classpath.path-prefix ogham.sms.template.classpath.path-prefix ogham.sms.freemarker.path-prefix ogham.sms.template.path-prefix ogham.template.path-prefix
FreeMarker	SMS	File	ogham.sms.freemarker.file.path-prefix ogham.sms.template.file.path-prefix ogham.sms.freemarker.path-prefix ogham.sms.template.path-prefix ogham.template.path-prefix

You can also define your own resource resolver.

Properties handling

Property configuration is a good way to separate code from configuration. Ogham allows you to configure values using builders. For example, you can configure the SMTP host and port like this:

image:{icons-java-code} Java

MessagingBuilder.standard()
    .email()
        .sender(JavaMailBuilder.class)
            .host("localhost")
            .port(25);

However, when using a library, it is simpler that this library provides a way to configure some values without the need of writing code to configure it. The integration is easier. The configuration should also be done in several ways to let the developer choose what fits his needs.

You can use configuration properties that are defined several ways:

• in a properties file that is present in the classpath (inside the application)

• in a properties file that is present on the file system (outside the application)

• using standard java.util.Properties

• using standard System.getProperties()

• define properties directly in code in a fluent way

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard;

import java.io.IOException;
import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;

public class PropertiesSample {
    public static void main(String[] args) throws MessagingException, IOException {
        Properties props = new Properties();
        props.setProperty("ogham.email.from.default-value", "[email protected]");
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties(props)                                   // (1)
                    .properties("classpath:email.properties")            // (2)
                    .properties("file:/etc/app/email.properties")        // (3)
                    .properties()
                        .set("mail.smtp.port", "10")                     // (4)
                        .and()
                    .systemProperties()                                  // (5)
                    .and()
                .build();
        service.send(/*your message here*/null);
    }
}

1. Use standard java.util.Properties

2. Load the file from the classpath (relative to root of the classpath)

3. Load the file from the file system

4. Directly set a property with its value in a fluent way

5. Use standard System.getProperties()

Source code of the sample.

This sample shows that configuration may come from several sources (code, shared properties, file inside the application, file outside the application and from system properties).

Properties priority

If you define properties using several different ways, you may have the same key several times. In that case, which value will be used by Ogham ?

By default (using MessagingBuilder.standard() or MessagingBuilder.minimal()), Ogham defines the following order (first is used if defined):

• .systemProperties()

• .properties("file:..")

• .properties(new Properties()) or .properties().set(…​)

• .properties("classpath:…​")

Why this order ?

Configuration outside the application should override configuration that is inside the application. This is necessary if you want to be able to deploy the same application in different environments without changing code or needing to rebuild with a different profile.

For configuration outside the application, system properties (defined either in system environment or using java command line arguments) has higher priority than a configuration file outside the application. This is useful to have a configuration file that is shared between several applications or instances and override only some values explicitly.

For configuration inside the application, code has higher priority than configuration defined in a classpath file. This is useful to define global configuration for the application using a configuration file and let the possibility to override explicitly some values in code. This is useful in tests for example.

image:{icons-java-code} Java

package fr.sii.ogham.sample.standard;

import java.io.IOException;
import java.util.Properties;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;

public class PropertiesSample {
    public static void main(String[] args) throws MessagingException, IOException {
        Properties props = new Properties();
        props.setProperty("ogham.email.from.default-value", "[email protected]");
        MessagingService service = MessagingBuilder.standard()
                .environment()
                    .properties(props)                                   // (1)
                    .properties("classpath:email.properties")            // (2)
                    .properties("file:/etc/app/email.properties")        // (3)
                    .properties()
                        .set("mail.smtp.port", "10")                     // (4)
                        .and()
                    .systemProperties()                                  // (5)
                    .and()
                .build();
        service.send(/*your message here*/null);
    }
}

1. Use standard java.util.Properties

2. Load the file from the classpath (relative to root of the classpath)

3. Load the file from the file system

4. Directly set a property with its value in a fluent way

5. Use standard System.getProperties()

Source code of the sample.

image:{icons-properties-file} classpath:email.properties

mail.smtp.host=localhost
mail.smtp.port=25
ogham.email.from.default-value=foo@test.com

image:{icons-properties-file} file:/etc/app/email.properties

mail.smtp.host=smtp.domain.com

Result

Running this sample with the following command line:

$ java -Dogham.email.from.default-value="[email protected]" fr.sii.ogham.sample.standard.PropertiesSample

Gives the following property values:

Property	Result value
mail.smtp.host	smtp.domain.com
mail.smtp.port	10
ogham.email.from.default-value	[email protected]

Note	See the test that ensures this order.

What happens if there are several values for the same property and for the same source ?

For example, if you use two configuration files defined in the classpath:

image:{icons-java-code} Java

    MessagingService service = MessagingBuilder.standard()
            .environment()
                .properties("classpath:common.properties")
                .properties("classpath:email.properties")
                .and()
            .build();

image:{icons-properties-file} common.properties

mail.smtp.host=localhost
mail.smtp.port=25

image:{icons-properties-file} email.properties

mail.smtp.host=smtp.domain.com

Result

Property	Result value
mail.smtp.host	smtp.domain.com
mail.smtp.port	25

For the same level of priority, this is the declaration order that prevails.

How to use custom priorities ?

If you want to use a different priority order, you can explicitly register properties with a custom priority:

image:{icons-java-code} Java

    MessagingService service = MessagingBuilder.standard()
            .environment()
                .properties("classpath:common.properties", 2)
                .properties("classpath:email.properties", 1)
                .and()
            .build();

image:{icons-properties-file} common.properties

mail.smtp.host=localhost
mail.smtp.port=25

image:{icons-properties-file} email.properties

mail.smtp.host=smtp.domain.com

Result

Property	Result value
mail.smtp.host	localhost
mail.smtp.port	25

You can notice that the result is now different than using default priorities.

Note

Default priority values are: Using .systemProperties(): 100000 Load property file from the filesystem (properties("file:…​"): 90000 Using custom java.util.Properties object (properties(new Properties())): 80000 Using custom properties through .properties() fluent API: 80000 Load property file from the classpath (properties("classpath:…​")): 70000

Templating

FreeMarker

ThymeLeaf

Mixed

Using Ogham in a Spring Boot application

Ogham provides auto-configuration modules for Spring Boot (see how to include auto-configuration modules). To use Ogham in Spring, you can directly inject (autowire) MessagingService bean.

In addition to standalone behaviors, Ogham also supports Spring Boot modules and auto-configuration:

• If spring-boot-starter-thymeleaf is included, Ogham uses Spring ThymeLeaf template engine (using SpringTemplateEngine bean), configuration and properties (spring.thymeleaf properties)

• If spring-boot-starter-freemarker is included, Ogham uses Spring FreeMarker properties (spring.freemarker properties)

• If spring-boot-starter-mail is included, Ogham uses Spring mail properties (spring.mail properties)

• If sendgrid-java is included, Ogham uses Spring SendGrid bean and properties (spring.sendgrid properties)

• Provide properties metadata for auto-completion

Note	Java Mail auto-configuration The property ogham.email.javamail.host takes precedence over spring.mail.host property. The property ogham.email.javamail.port takes precedence over spring.mail.port property.

Note

Thymeleaf auto-configuration If you provide any of: ogham.email.template.path-prefix ogham.email.thymeleaf.classpath.path-prefix ogham.email.template.classpath.path-prefix ogham.email.thymeleaf.path-prefix ogham.email.template.path-prefix ogham.sms.template.path-prefix ogham.sms.thymeleaf.classpath.path-prefix ogham.sms.template.classpath.path-prefix ogham.sms.thymeleaf.path-prefix ogham.sms.template.path-prefix ogham.template.path-prefix Then spring.thymeleaf.prefix is not used in order to keep coherence between Spring application and non-Spring application. Moreover, this lets you the opportunity to use a prefix for Spring web views and a different prefix for email and/or SMS. The last reason is that Ogham properties are more specific: you can target the message type: use different prefixes for email and SMS you can target the resource resolution: use different prefixes for classpath and file system for example

Note

FreeMarker auto-configuration If you provide any of: ogham.email.template.path-prefix ogham.email.freemarker.classpath.path-prefix ogham.email.template.classpath.path-prefix ogham.email.freemarker.path-prefix ogham.email.template.path-prefix ogham.sms.template.path-prefix ogham.sms.freemarker.classpath.path-prefix ogham.sms.template.classpath.path-prefix ogham.sms.freemarker.path-prefix ogham.sms.template.path-prefix ogham.template.path-prefix Then spring.freemarker.prefix is not used in order to keep coherence between Spring application and non-Spring application. Moreover, this lets you the opportunity to use a prefix for Spring web views and a different prefix for email and/or SMS. The other reason is that Ogham properties are more specific: you can target the message type: use different prefixes for email and SMS you can target the resource resolution: use different prefixes for classpath and file system for example

Note

SendGrid auto-configuration Including all Ogham features adds sendgrid-java dependency. This means that Spring Boot auto-configuration for SendGrid automatically defines the sendGrid bean instance if spring.sendgrid.api-key property is defined. In this case, the sendGrid bean is always used by Ogham. This means that if you provide spring.sendgrid.api-key, the properties ogham.email.sendgrid.api-key and ogham.email.sendgrid.unit-testing won’t be used. Before Spring Boot 2.0.0, spring.sendgrid.username and spring.sendgrid.password can be provided instead of spring.sendgrid.api-key.

Send email

Usage of MessagingService is exactly the same as standalone usage. The only difference is that MessagingService is automatically created and injectable. The following sample shows a Spring Web that exposes one simple endpoint for sending email using Ogham. The sample shows several Ogham features at once:

• Using both HTML (using ThymeLeaf) and text templates (using FreeMarker)

• Templates are located in a sub-folder and prefixes for templates are configured using Spring standard properties

• Using a configuration property to define the sender address

• The SMTP server host and port are defined using Spring standard properties

• The email subject is provided by the title tag of the HTML template

image:{icons-java-code} Java

package fr.sii.ogham.sample.springboot.email;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.annotation.PropertySource;
import org.springframework.http.HttpStatus;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseStatus;
import org.springframework.web.bind.annotation.RestController;

import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

@SpringBootApplication
@PropertySource("application-email-template.properties")    // just needed to be able to run the sample
public class ThymeleafHtmlAndFreemarkerTextSample {

    public static void main(String[] args) throws MessagingException {
        SpringApplication.run(ThymeleafHtmlAndFreemarkerTextSample.class, args);
    }

    @RestController
    public static class EmailController {
        // Messaging service is automatically created using Spring Boot features
        // The configuration can be set into application-email-template.properties
        // The configuration files are stored into src/main/resources
        // The configuration file set the prefix for templates into email folder available in src/main/resources
        @Autowired
        MessagingService messagingService;                                              // (1)

        @PostMapping(value="api/email/multitemplate/mixed")
        @ResponseStatus(HttpStatus.CREATED)
        public void sendEmail(@RequestParam("to") String to, @RequestParam("name") String name, @RequestParam("value") int value) throws MessagingException {
            // using fluent API
            messagingService.send(new Email()                                           // (2)
                                    .body().template("mixed",                           // (3)
                                                        new SimpleBean(name, value))    // (4)
                                    .to(to));                                           // (5)
        }
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. Inject Ogham service

2. Use the Ogham service to send an email

3. Use HTML and text templates that are available in classpath. Spring is configured to use a path prefix for both ThymeLeaf and FreeMarker (see properties configuration tab). Both HTML and text templates are then located respectively at src/main/resources/email/mixed.html and src/main/resources/email/mixed.txt/ftl.

4. Use any Java object for evaluating template variables

5. The sender email address that comes from request parameter

Source code of the sample.

image:{icons-thymeleaf} HTML template

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">                <!--(1)-->
    <head>
        <title>Subject of the mail</title>                <!--(2)-->
        <meta charset="utf-8" />
    </head>
    <body>
        <h1 class="title" th:text="${name}"></h1>        <!--(3)-->
        <p class="text" th:text="${value}"></p>            <!--(4)-->
    </body>
</html>

1. Include the ThymeLeaf namespace

2. Use the title tag to define the subject of the email

3. Evaluate the name attribute value of SimpleBean in the template

4. Evaluate the value attribute value of SimpleBean in the template

Source code of the HTML template

image:{icons-freemarker-text-template} Text template

${name} ${value}

Source code of the text template

image:{icons-properties-file} Spring properties

# configuration for email
spring.mail.host=<your server host>                   # (1)
spring.mail.port=<your server port>                   # (2)
ogham.email.from.default-value=<your gmail address>   # (3)
# configuration for template engines
spring.thymeleaf.prefix=/email/                       # (4)
spring.freemarker.prefix=/email/                      # (5)

1. The SMTP host using Spring property

2. The SMTP port using Spring property

3. The sender address that is declared globally

4. The path prefix for ThymeLeaf templates

5. The path prefix for FreeMarker templates

Source code of the properties

Send SMS

Usage of MessagingService is exactly the same as standalone usage. The only difference is that MessagingService is automatically created and injectable. The following sample shows a Spring Web that exposes one simple endpoint for sending SMS using Ogham. The sample shows several Ogham features at once:

• Using text template (using FreeMarker)

• Templates are located in a sub-folder and prefix for SMS templates is configured through Ogham property

• SMS template extension is configured globally in order to avoid extension in Java code

• Using a configuration property to define the sender phone number

• The SMPP server host, port and authentication are defined using properties

image:{icons-java-code} Java

package fr.sii.ogham.sample.springboot.sms;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.annotation.PropertySource;
import org.springframework.http.HttpStatus;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseStatus;
import org.springframework.web.bind.annotation.RestController;

import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.sms.message.Sms;

@SpringBootApplication
@PropertySource("application-sms-template.properties")    // just needed to be able to run the sample
public class TemplateSample {

    public static void main(String[] args) throws MessagingException {
        SpringApplication.run(TemplateSample.class, args);
    }

    @RestController
    public static class SmsController {
        // Messaging service is automatically created using Spring Boot features
        // The configuration can be set into application-sms-template.properties
        // The configuration files are stored into src/main/resources
        @Autowired
        MessagingService messagingService;                                              // (1)

        @PostMapping(value="api/sms/template")
        @ResponseStatus(HttpStatus.CREATED)
        public void sendSms(@RequestParam("to") String to, @RequestParam("name") String name, @RequestParam("value") int value) throws MessagingException {
            // send the SMS using fluent API
            messagingService.send(new Sms()                                             // (2)
                                    .message().template("register",                     // (3)
                                                        new SimpleBean(name, value))    // (4)
                                    .to(to));                                           // (5)
        }
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. Inject Ogham service

2. Use the Ogham service to send a SMS

3. Use a text template as SMS content

4. Use any Java object for evaluating template variables

5. The sender phone number that comes from request parameter

Source code of the sample.

image:{icons-freemarker-html-template} Template

Hello ${name}, the confirmation code is ${value}

Source code of the template

image:{icons-properties-file} Spring properties

# ogham configuration for SMS
ogham.sms.smpp.host=<your server host>                                  # (1)
ogham.sms.smpp.port=<your server port>                                  # (2)
ogham.sms.smpp.system-id=<your server system ID>                        # (3)
ogham.sms.smpp.password=<your server password>                          # (4)
ogham.sms.from.default-value=<phone number to display for the sender>   # (5)
ogham.sms.template.path-prefix=/sms/                                    # (6)
ogham.sms.template.path-suffix=.txt.ftl                                 # (7)

1. The SMPP host

2. The SMPP port

3. The SMPP system ID (account)

4. The SMPP password

5. The sender phone number that is declared globally

6. The path prefix for SMS templates

7. The path suffix for SMS templates (FreeMarker extension in this case)

Source code of the properties

Testing

Include test utilities

image:{icons-maven}

<dependency>
    <groupId>fr.sii.ogham</groupId>
    <artifactId>ogham-test-utils</artifactId>
    <version>2.0.0</version>
    <scope>test</scope>
</dependency>

View code of an example pom.xml

image:{icons-gradle}

This will include:

• JUnit to run tests (JUnit 4 and Junit 5)

• Mockito for mocking Java code

• Hamcrest for assertions

• GreenMail for mocking a SMTP server

• jSMPP for mocking a SMPP server

• WireMock for mocking HTTP server

• Spockframework for writing very very readable unit tests

• and some utilities that may be useful

Configure static method imports for Eclipse

Ogham uses Hamcrest, Mockito and also provides test utilities. Those utilities provide many static methods. Static methods are convenient for code readability. However, Eclipse needs some configuration to help you to import static methods with autocompletion.

In Eclipse, select menu:Window[Preferences]. In the preferences window, select menu:Java[Editor > Content Assist > Favorites].

Figure 1. Preferences window

To add all static methods of a class, click on btn:[New Type…​].

Figure 2. Add all static methods and attributes of a class

Type the class that contains the static methods (you can also click the browse button to search classes from classpath).

Figure 3. Example for Ogham assersions

Figure 4. Search for a class

Click on btn:[OK]

Recommended imports to add:

• fr.sii.ogham.assertion.OghamAssertions.*

• org.hamcrest.Matchers.*

• org.hamcrest.CoreMatchers.*

Optional imports that may be useful:

• fr.sii.ogham.assertion.OghamMatchers.*

• fr.sii.ogham.util.ResourceUtils.*

• org.mockito.ArgumentMatchers.*

• org.mockito.Mockito.*

• org.junit.* (if you are using JUnit 4)

• org.junit.Assert.* (if you are using JUnit 4)

• org.junit.matchers.JUnitMatchers.* (if you are using JUnit 4)

• org.junit.Assume.* (if you are using JUnit 4)

• org.junit.jupiter.api.Assertions.* (if you are using JUnit 5)

• org.junit.jupiter.api.Assumptions.* (if you are using JUnit 5)

• org.assertj.core.api.Assertions.* (if you are using AssertJ)

Figure 5. Result with all static imports described above

Once you have added all static imports you need, click on btn:[OK].

Now you can use autocompletion and Eclipse will automatically add the static import.

Figure 6. Autocompletion now suggests static methods

Tip	Eclipse can rewrite a call to a static method prefixed by class. For example in your code you have OghamAssertions.assertThat, pressing kbd:[Ctrl+M] shortcut (cursor must be placed in the method name), Eclipse will add the static import and the code is just assertThat.

Testing emails

First test

To test your application emails, you can start a local SMTP server. You can then use Ogham to make assertions on your email (right recipients, right sender, right body…​). Ogham uses GreenMail as local SMTP server.

image:{icons-java-code} Java

package fr.sii.ogham.sample.test;

import static com.icegreen.greenmail.util.ServerSetupTest.SMTP;
import static fr.sii.ogham.testing.assertion.OghamAssertions.assertThat;
import static org.hamcrest.Matchers.emptyIterable;
import static org.hamcrest.Matchers.hasItems;
import static org.hamcrest.Matchers.is;
import static org.hamcrest.Matchers.nullValue;
import static org.hamcrest.Matchers.startsWith;

import java.io.IOException;

import org.junit.Before;
import org.junit.Rule;
import org.junit.Test;

import com.icegreen.greenmail.junit.GreenMailRule;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class EmailTestSample {
    private MessagingService oghamService;

    @Rule
    public final GreenMailRule greenMail = new GreenMailRule(SMTP);              // (1)

    @Before
    public void setUp() throws IOException {
        oghamService = MessagingBuilder.standard()
                .environment()
                    .properties()
                        .set("ogham.email.from.default-value", "Sender Name <[email protected]>")
                        .set("mail.smtp.host", SMTP.getBindAddress())            // (2)
                        .set("mail.smtp.port", String.valueOf(SMTP.getPort()))   // (3)
                        .and()
                    .and()
                .build();
    }

    @Test
    public void simple() throws MessagingException, javax.mail.MessagingException {
        // @formatter:off
        oghamService.send(new Email()
                                .subject("Simple")
                                .body().string("string body")
                                .to("Recipient Name <[email protected]>"));
        assertThat(greenMail).receivedMessages()                                 // (4)
            .count(is(1))                                                        // (5)
            .message(0)                                                          // (6)
                .subject(is("Simple"))                                           // (7)
                .from()
                    .address(hasItems("[email protected]"))                     // (8)
                    .personal(hasItems("Sender Name")).and()                     // (9)
                .to()
                    .address(hasItems("[email protected]"))                       // (10)
                    .personal(hasItems("Recipient Name")).and()                  // (11)
                .body()
                    .contentAsString(is("string body"))                          // (12)
                    .contentType(startsWith("text/plain")).and()                 // (13)
                .alternative(nullValue())                                        // (14)
                .attachments(emptyIterable());                                   // (15)
        // @formatter:on
    }
}

1. Declare and initialize the GreenMail JUnit rule to start a local SMTP server

2. Get the local SMTP server host address and configure Ogham to use this value

3. Get the local SMTP server port and configure Ogham to use this value

4. Entry point for declaring assertion on received emails using a fluent API

5. Assert that one and only one email has been received

6. Access the first received message for declaring assertions for that message using fluent API

7. Assert that the subject of the first message is exactly Simple string

8. Assert that the sender email address is exactly [email protected]

9. Assert that the sender name is exactly Sender Name

10. Assert that the recipient email address is exactly [email protected]

11. Assert that the recipient name is exactly Recipient Name

12. Assert that the body of the received email is exactly string body

13. Assert that the mimetype of the body of the received email starts with text/plain

14. Assert that received email has no alternative content

15. Assert that recevied email has no attachment

Source code of the sample.

Testing HTML message

Comparing two HTML documents can be tricky. Indeed, the HTML attributes can be declared in a different order, number of spaces/tabs can be different, some attributes may be declared differently but corresponding to the same behavior (for example disabled attribute can be declared only disabled with no value, disabled="true" or disabled="disabled").

Ogham provides two distinct matchers to check if:

• HTML is identical (exactly the same nodes at same position and same attributes with same values)

• HTML is similar (nodes may be at different positions, same attributes with same values)

In addition to comparison helpers, Ogham provides helpers to load files from classpath in tests (ResourceUtils.resource and ResourceUtils.resourceAsString). This is useful to avoid writing expected HTML content as string in your code and also avoid writing the same utility function every time.

image:{icons-java-code} Java

package fr.sii.ogham.sample.test;

import static com.icegreen.greenmail.util.ServerSetupTest.SMTP;
import static fr.sii.ogham.testing.assertion.OghamAssertions.assertThat;
import static fr.sii.ogham.testing.assertion.OghamMatchers.isIdenticalHtml;
import static fr.sii.ogham.testing.util.ResourceUtils.resourceAsString;
import static org.hamcrest.Matchers.emptyIterable;
import static org.hamcrest.Matchers.hasItems;
import static org.hamcrest.Matchers.is;
import static org.hamcrest.Matchers.nullValue;
import static org.hamcrest.Matchers.startsWith;

import java.io.IOException;

import org.junit.Before;
import org.junit.Rule;
import org.junit.Test;

import com.icegreen.greenmail.junit.GreenMailRule;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class EmailHtmlTestSample {
    private MessagingService oghamService;

    @Rule
    public final GreenMailRule greenMail = new GreenMailRule(SMTP);

    @Before
    public void setUp() throws IOException {
        oghamService = MessagingBuilder.standard()
                .environment()
                    .properties()
                        .set("ogham.email.from.default-value", "Sender Name <[email protected]>")
                        .set("mail.smtp.host", SMTP.getBindAddress())
                        .set("mail.smtp.port", String.valueOf(SMTP.getPort()))
                        .and()
                    .and()
                .build();
    }

    @Test
    public void registerMessage() throws MessagingException, javax.mail.MessagingException, IOException {
        // @formatter:off
        oghamService.send(new Email()
                                .body().template("/template/register.html",                         // (1)
                                                            new SimpleBean("foo", 42))              // (2)
                                .to("Recipient Name <[email protected]>"));
        assertThat(greenMail).receivedMessages()
            .count(is(1))
            .message(0)
                .subject(is("foo - Confirm your registration"))
                .from()
                    .address(hasItems("[email protected]"))
                    .personal(hasItems("Sender Name")).and()
                .to()
                    .address(hasItems("[email protected]"))
                    .personal(hasItems("Recipient Name")).and()
                .body()
                    .contentAsString(isIdenticalHtml(resourceAsString("/expected/register.html")))  // (3)
                    .contentType(startsWith("text/html")).and()
                .alternative(nullValue())
                .attachments(emptyIterable());
        // @formatter:on
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. Use an HTML template

2. Object used to evaluate variables in the template

3. Assert that HTML is similar as an expected HTML content

Source code of the sample.

image:{icons-thymeleaf} HTML template

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
 <head>
  <title th:text="|${name} - Confirm your registration|"></title>
  <meta charset="utf-8" />
 </head>
 <body>
  <h1 title="foo" class="title" th:text="|Hello ${name}|"></h1>

  <p class="text" th:text="${value}">
  </p>
 </body>
</html>

Source code of the template.

image:{icons-html} Expected HTML

<!DOCTYPE html>
<html>
    <head>
        <title>foo - Confirm your registration</title>
        <meta charset="utf-8"></meta>
    </head>
    <body>
        <h1 class="title" title="foo">Hello foo</h1>
        <p class="text">42</p>
    </body>
</html>

Source code of the expected HTML.

Help in Eclipse for failing tests

When your tests report errors due to HTML differences, Ogham helps with Eclipse integration. The following sample is voluntary in error due to differences between actual HTML and expected HTML (this is the expected HTML that is incorrect) in order to show how Ogham helps you.

image:{icons-java-code} Java

package fr.sii.ogham.sample.test;

import static com.icegreen.greenmail.util.ServerSetupTest.SMTP;
import static fr.sii.ogham.testing.assertion.OghamAssertions.assertThat;
import static fr.sii.ogham.testing.assertion.OghamMatchers.isIdenticalHtml;
import static fr.sii.ogham.testing.util.ResourceUtils.resourceAsString;
import static org.hamcrest.Matchers.emptyIterable;
import static org.hamcrest.Matchers.hasItems;
import static org.hamcrest.Matchers.is;
import static org.hamcrest.Matchers.nullValue;
import static org.hamcrest.Matchers.startsWith;

import java.io.IOException;

import org.junit.Before;
import org.junit.Rule;
import org.junit.Test;

import com.icegreen.greenmail.junit.GreenMailRule;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class EmailHtmlTestSample {
    private MessagingService oghamService;

    @Rule
    public final GreenMailRule greenMail = new GreenMailRule(SMTP);

    @Before
    public void setUp() throws IOException {
        oghamService = MessagingBuilder.standard()
                .environment()
                    .properties()
                        .set("ogham.email.from.default-value", "Sender Name <[email protected]>")
                        .set("mail.smtp.host", SMTP.getBindAddress())
                        .set("mail.smtp.port", String.valueOf(SMTP.getPort()))
                        .and()
                    .and()
                .build();
    }

    @Test
    public void registerMessage() throws MessagingException, javax.mail.MessagingException, IOException {
        // @formatter:off
        oghamService.send(new Email()
                                .body().template("/template/register.html",                         // (1)
                                                            new SimpleBean("foo", 42))              // (2)
                                .to("Recipient Name <[email protected]>"));
        assertThat(greenMail).receivedMessages()
            .count(is(1))
            .message(0)
                .subject(is("foo - Confirm your registration"))
                .from()
                    .address(hasItems("[email protected]"))
                    .personal(hasItems("Sender Name")).and()
                .to()
                    .address(hasItems("[email protected]"))
                    .personal(hasItems("Recipient Name")).and()
                .body()
                    .contentAsString(isIdenticalHtml(resourceAsString("/expected/register.html")))  // (3)
                    .contentType(startsWith("text/html")).and()
                .alternative(nullValue())
                .attachments(emptyIterable());
        // @formatter:on
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. Use an HTML template

2. Object used to evaluate variables in the template

3. Assert that HTML is identical as an expected HTML content

Source code of the sample.

image:{icons-thymeleaf} HTML template

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
 <head>
  <title th:text="|${name} - Confirm your registration|"></title>
  <meta charset="utf-8" />
 </head>
 <body>
  <h1 title="foo" class="title" th:text="|Hello ${name}|"></h1>

  <p class="text" th:text="${value}">
  </p>
 </body>
</html>

Source code of the template.

image:{icons-html} Expected HTML

<!DOCTYPE html>
<html>
    <head>
        <title>bar - Confirm your registration</title>
        <meta charset="utf-8"></meta>
    </head>
    <body>
        <h1 class="title" title="foo">Hello bar</h1>
        <p class="text">42</p>
    </body>
</html>

The expected HTML is voluntary wrong:

• title starts with bar instead of foo

• h1 text is Hello bar instead of Hello foo

All other differences are not reported as errors as the resulting HTML interpretation will be the same.

Figure 7. JUnit view

Double-clicking on the exception:

Figure 8. Exception message is clickable

Opens a comparison window:

Figure 9. Comparison window

Warning

Spaces, tag closing and attributes order are reported by the comparison window provided by Eclipse. Indeed, Eclipse just compares two strings (not HTML documents). This window is just an helper to visualize where the problems are. But the real errors to fix are displayed both in logs and in the error summary.

Figure 10. Useful part of the error summary

Testing email with an HTML body and text alternative

Testing an email sent with two main parts (HTML and text fallback) is straightforward.

image:{icons-java-code} Java

package fr.sii.ogham.sample.test;

import static com.icegreen.greenmail.util.ServerSetupTest.SMTP;
import static fr.sii.ogham.testing.assertion.OghamAssertions.assertThat;
import static fr.sii.ogham.testing.assertion.OghamMatchers.isIdenticalHtml;
import static fr.sii.ogham.testing.util.ResourceUtils.resourceAsString;
import static org.hamcrest.Matchers.emptyIterable;
import static org.hamcrest.Matchers.equalToCompressingWhiteSpace;
import static org.hamcrest.Matchers.hasItems;
import static org.hamcrest.Matchers.is;
import static org.hamcrest.Matchers.startsWith;

import java.io.IOException;

import org.junit.Before;
import org.junit.Rule;
import org.junit.Test;

import com.icegreen.greenmail.junit.GreenMailRule;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class EmailHtmlAndTextTestSample {
    private MessagingService oghamService;

    @Rule
    public final GreenMailRule greenMail = new GreenMailRule(SMTP);

    @Before
    public void setUp() throws IOException {
        oghamService = MessagingBuilder.standard()
                .environment()
                    .properties()
                        .set("ogham.email.from.default-value", "Sender Name <[email protected]>")
                        .set("mail.smtp.host", SMTP.getBindAddress())
                        .set("mail.smtp.port", String.valueOf(SMTP.getPort()))
                        .and()
                    .and()
                .build();
    }

    @Test
    public void multiTemplateContent() throws MessagingException, javax.mail.MessagingException, IOException {
        // @formatter:off
        oghamService.send(new Email()
                                .subject("Multi")
                                .body().template("template/mixed/simple", new SimpleBean("bar", 42))
                                .to("[email protected]"));
        assertThat(greenMail).receivedMessages()
            .count(is(1))
            .message(0)
                .subject(is("Multi"))
                .from().address(hasItems("[email protected]")).and()
                .to().address(hasItems("[email protected]")).and()
                .body()                                                                                              // (1)
                    .contentAsString(isIdenticalHtml(resourceAsString("/expected/simple_bar_42.html")))              // (2)
                    .contentType(startsWith("text/html")).and()                                                      // (3)
                .alternative()                                                                                       // (4)
                    .contentAsString(equalToCompressingWhiteSpace(resourceAsString("/expected/simple_bar_42.txt")))  // (5)
                    .contentType(startsWith("text/plain")).and()                                                     // (6)
                .attachments(emptyIterable());
        // @formatter:on
    }

    public static class SimpleBean {
        private String name;
        private int value;
        public SimpleBean(String name, int value) {
            super();
            this.name = name;
            this.value = value;
        }
        public String getName() {
            return name;
        }
        public int getValue() {
            return value;
        }
    }
}

1. Access to main body assertions

2. Assert that main body message is HTML content and is similar as an expected HTML content loaded from classpath

3. Assert that main body message mimetype is text/html

4. Access to alternative assertions

5. Assert that alternative body message is text content and is exactly the expected text content loaded from classpath

6. Assert that alternative body message mimetype is text/plain

Source code of the sample.

image:{icons-thymeleaf} HTML template

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="utf-8" />
    </head>
    <body>
        <h1 class="title" th:text="${name}"></h1>
        <p class="text" th:text="${value}"></p>
    </body>
</html>

Source code of the template.

image:{icons-freemarker-text-template} Text template

${name} ${value}

Source code of the template.

image:{icons-html} Expected HTML

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8" />
    </head>
    <body>
        <h1 class="title">bar</h1>
        <p class="text">42</p>
    </body>
</html>

Source code of the expected HTML.

image:{icons-text} Expected text

bar 42

Source code of the expected text.

Testing attachments

You can also test that attachments are sent correctly.

image:{icons-java-code} Java

package fr.sii.ogham.sample.test;

import static com.icegreen.greenmail.util.ServerSetupTest.SMTP;
import static fr.sii.ogham.testing.assertion.OghamAssertions.assertThat;
import static fr.sii.ogham.testing.assertion.util.EmailUtils.ATTACHMENT_DISPOSITION;
import static fr.sii.ogham.testing.util.ResourceUtils.resource;
import static org.hamcrest.Matchers.hasItems;
import static org.hamcrest.Matchers.hasSize;
import static org.hamcrest.Matchers.is;
import static org.hamcrest.Matchers.nullValue;
import static org.hamcrest.Matchers.startsWith;

import java.io.IOException;

import org.junit.Before;
import org.junit.Rule;
import org.junit.Test;

import com.icegreen.greenmail.junit.GreenMailRule;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class EmailAttachmentTestSample {
    private MessagingService oghamService;

    @Rule
    public final GreenMailRule greenMail = new GreenMailRule(SMTP);

    @Before
    public void setUp() throws IOException {
        oghamService = MessagingBuilder.standard()
                .environment()
                    .properties()
                        .set("ogham.email.from.default-value", "Sender Name <[email protected]>")
                        .set("mail.smtp.host", SMTP.getBindAddress())
                        .set("mail.smtp.port", String.valueOf(SMTP.getPort()))
                        .and()
                    .and()
                .build();
    }

    @Test
    public void simple() throws MessagingException, javax.mail.MessagingException, IOException {
        // @formatter:off
        oghamService.send(new Email()
                                .subject("Test")
                                .body().string("body")
                                .to("[email protected]")
                                .attach().resource("/attachment/test.pdf"));
        assertThat(greenMail).receivedMessages()
            .count(is(1))
            .message(0)
                .subject(is("Test"))
                .from().address(hasItems("[email protected]")).and()
                .to().address(hasItems("[email protected]")).and()
                .body()
                    .contentAsString(is("body"))
                    .contentType(startsWith("text/plain")).and()
                .alternative(nullValue())
                .attachments(hasSize(1))                              // (1)
                .attachment(0)                                        // (2)
                    .content(is(resource("/attachment/test.pdf")))    // (3)
                    .contentType(startsWith("application/pdf"))       // (4)
                    .filename(is("test.pdf"))                         // (5)
                    .disposition(is(ATTACHMENT_DISPOSITION));         // (6)
        // @formatter:on
    }
}

1. Assert that exactly one attachment is attached to the received email

2. Access the first attachment for defining assertions on it

3. Assert that the first received file is exactly the same as the sent one

4. Assert that the detected mimetype of the first attachment is correct

5. Assert that the name of the first attachment is the expected one

6. Assert that the attachment disposition is correct

Source code of the sample.

Testing several emails at once

When you send an email to several recipients, there is one message per recipient. So if you send an email to 6 recipients, you may need to ensure that the 6 messages are received correctly. Ogham provides the every method to apply defined assertions on all messages.

image:{icons-java-code} Java

package fr.sii.ogham.sample.test;

import static com.icegreen.greenmail.util.ServerSetupTest.SMTP;
import static fr.sii.ogham.testing.assertion.OghamAssertions.assertThat;
import static org.hamcrest.Matchers.containsInAnyOrder;
import static org.hamcrest.Matchers.emptyIterable;
import static org.hamcrest.Matchers.hasItems;
import static org.hamcrest.Matchers.is;
import static org.hamcrest.Matchers.nullValue;
import static org.hamcrest.Matchers.startsWith;

import java.io.IOException;

import org.junit.Before;
import org.junit.Rule;
import org.junit.Test;

import com.icegreen.greenmail.junit.GreenMailRule;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class SeveralRecipientsTestSample {
    private MessagingService oghamService;

    @Rule
    public final GreenMailRule greenMail = new GreenMailRule(SMTP);

    @Before
    public void setUp() throws IOException {
        oghamService = MessagingBuilder.standard()
                .environment()
                    .properties()
                        .set("ogham.email.from.default-value", "Sender Name <[email protected]>")
                        .set("mail.smtp.host", SMTP.getBindAddress())
                        .set("mail.smtp.port", String.valueOf(SMTP.getPort()))
                        .and()
                    .and()
                .build();
    }

    @Test
    public void severalRecipients() throws MessagingException, javax.mail.MessagingException {
        // @formatter:off
        oghamService.send(new Email()
                                .subject("Simple")
                                .body().string("string body")
                                .to("[email protected]", "[email protected]", "[email protected]")
                                .cc("[email protected]", "[email protected]")
                                .bcc("[email protected]"));
        assertThat(greenMail).receivedMessages()
            .count(is(6))                                                               // (1)
            .every()                                                                    // (2)
                .subject(is("Simple"))
                .from()
                    .address(hasItems("[email protected]"))
                    .personal(hasItems("Sender Name")).and()
                .to()
                    .address(containsInAnyOrder("[email protected]",                    // (3)
                                                "[email protected]",
                                                "[email protected]")).and()
                .cc()
                    .address(containsInAnyOrder("[email protected]",                    // (4)
                                                "[email protected]")).and()
                .body()
                    .contentAsString(is("string body"))
                    .contentType(startsWith("text/plain")).and()
                .alternative(nullValue())
                .attachments(emptyIterable());
        // @formatter:on
    }
}

1. Assert that 6 distinct messages are received

2. every applies all later defined assertions to all messages (the 6 messages)

3. Assert that each received messages has exactly 3 to recipients

4. Assert that each received messages has exactly 2 cc recipients

Tip	The bcc recipient is not testable. Indeed, bcc recipients are hidden recipients that must not be visible. So the email is received (there are 6 received messages not 5). But bcc field of each email are empty because they are not present in the sent email. The bcc field is just used for routing.

Source code of the sample.

Sometimes you also need to send several different emails. The emails may have some identical information (sender or subject for example). So you can mix every (define assertions all messages) with message (define assertion for one particular message).

image:{icons-java-code} Java

package fr.sii.ogham.sample.test;

import static com.icegreen.greenmail.util.ServerSetupTest.SMTP;
import static fr.sii.ogham.testing.assertion.OghamAssertions.assertThat;
import static org.hamcrest.Matchers.emptyIterable;
import static org.hamcrest.Matchers.hasItems;
import static org.hamcrest.Matchers.is;
import static org.hamcrest.Matchers.nullValue;
import static org.hamcrest.Matchers.startsWith;

import java.io.IOException;

import org.junit.Before;
import org.junit.Rule;
import org.junit.Test;

import com.icegreen.greenmail.junit.GreenMailRule;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;

public class SeveralEmailsTestSample {
    private MessagingService oghamService;

    @Rule
    public final GreenMailRule greenMail = new GreenMailRule(SMTP);

    @Before
    public void setUp() throws IOException {
        oghamService = MessagingBuilder.standard()
                .environment()
                    .properties()
                        .set("ogham.email.from.default-value", "Sender Name <[email protected]>")
                        .set("mail.smtp.host", SMTP.getBindAddress())
                        .set("mail.smtp.port", String.valueOf(SMTP.getPort()))
                        .and()
                    .and()
                .build();
    }

    @Test
    public void severalDisctinctMessages() throws MessagingException, javax.mail.MessagingException {
        // @formatter:off
        oghamService.send(new Email()
                                .subject("Simple")
                                .body().string("string body 1")
                                .to("[email protected]"));
        oghamService.send(new Email()
                                .subject("Simple")
                                .body().string("string body 2")
                                .to("[email protected]"));
        oghamService.send(new Email()
                                .subject("Simple")
                                .body().string("string body 3")
                                .to("[email protected]"));
        assertThat(greenMail).receivedMessages()
            .count(is(3))
            .every()                                                   // (1)
                .subject(is("Simple"))
                .from()
                    .address(hasItems("[email protected]"))
                    .personal(hasItems("Sender Name")).and()
                .body()
                    .contentType(startsWith("text/plain")).and()
                .alternative(nullValue())
                .attachments(emptyIterable())
                .and()
            .message(0)                                                // (2)
                .body()
                    .contentAsString(is("string body 1"))
                    .and()
                .to()
                    .address(hasItems("[email protected]"))
                    .and()
                .and()
            .message(1)                                                // (3)
                .body()
                    .contentAsString(is("string body 2"))
                    .and()
                .to()
                    .address(hasItems("[email protected]"))
                    .and()
                .and()
            .message(2)                                                // (4)
                .body()
                    .contentAsString(is("string body 3"))
                    .and()
                .to()
                    .address(hasItems("[email protected]"));
        // @formatter:on
    }
}

1. Shared assertions (subject, sender and body mimetype)

2. Specific assertions for first sent message (recipient and message content)

3. Specific assertions for second sent message (recipient and message content)

4. Specific assertions for third sent message (recipient and message content)

Source code of the sample.

Testing with SMTP authentication

GreenMail allows to start the SMTP server with user and credentials.

image:{icons-java-code} Java

package oghamall.it.email;

import static fr.sii.ogham.testing.assertion.OghamAssertions.assertThat;
import static org.hamcrest.Matchers.emptyIterable;
import static org.hamcrest.Matchers.hasItems;
import static org.hamcrest.Matchers.is;
import static org.hamcrest.Matchers.nullValue;
import static org.hamcrest.Matchers.startsWith;

import java.io.IOException;

import org.junit.Before;
import org.junit.Rule;
import org.junit.Test;

import com.icegreen.greenmail.junit.GreenMailRule;
import com.icegreen.greenmail.util.ServerSetupTest;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.email.message.Email;
import fr.sii.ogham.testing.extension.junit.LoggingTestRule;

public class EmailSMTPAuthenticationTest {
    private MessagingService oghamService;

    @Rule
    public final LoggingTestRule loggingRule = new LoggingTestRule();

    @Rule
    public final GreenMailRule greenMail = new GreenMailRule(ServerSetupTest.SMTP);

    @Before
    public void setUp() throws IOException {
        greenMail.setUser("[email protected]", "test.sender", "password");                            // (1)
        oghamService = MessagingBuilder.standard()
                .environment()
                    .properties("/application.properties")
                    .properties()
                        .set("mail.smtp.host", ServerSetupTest.SMTP.getBindAddress())
                        .set("mail.smtp.port", ServerSetupTest.SMTP.getPort())
                        .set("mail.smtp.auth", "true")                                                // (2)
                        .set("ogham.email.javamail.authenticator.username", "test.sender")            // (3)
                        .set("ogham.email.javamail.authenticator.password", "password")                // (4)
                        .and()
                    .and()
                .build();
    }

    @Test
    public void authenticated() throws MessagingException, javax.mail.MessagingException {
        // @formatter:off
        oghamService.send(new Email()
                                .subject("Simple")
                                .content("string body")
                                .to("Recipient Name <[email protected]>"));
        assertThat(greenMail).receivedMessages()
            .count(is(1))
            .message(0)
                .subject(is("Simple"))
                .from()
                    .address(hasItems("[email protected]"))
                    .personal(hasItems("Sender Name")).and()
                .to()
                    .address(hasItems("[email protected]"))
                    .personal(hasItems("Recipient Name")).and()
                .body()
                    .contentAsString(is("string body"))
                    .contentType(startsWith("text/plain")).and()
                .alternative(nullValue())
                .attachments(emptyIterable());
        // @formatter:on
    }
}

1. Configure GreenMail to register a user

2. Configure JavaMail to enable authentication

3. Configure Ogham to provide the authentication username

4. Configure Ogham to provide the authentication password

Source code of the sample.

Note	Only the setup differs, the test is the same.

Tesing SMS

First test

To test your application SMS, you can start a local SMPP server. You can then use Ogham to make assertions on you SMS (recipient phone number, sender phone number and message). Ogham uses jSMPP as local SMPP server.

image:{icons-java-code} Java

package fr.sii.ogham.sample.test;

import static fr.sii.ogham.testing.assertion.OghamAssertions.assertThat;
import static org.hamcrest.Matchers.is;

import java.io.IOException;

import org.jsmpp.bean.SubmitSm;
import org.junit.Before;
import org.junit.Rule;
import org.junit.Test;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.sms.message.Sms;
import fr.sii.ogham.testing.extension.junit.JsmppServerRule;
import fr.sii.ogham.testing.extension.junit.SmppServerRule;

public class SmsTestSample {
    private MessagingService oghamService;

    @Rule
    public final SmppServerRule<SubmitSm> smppServer = new JsmppServerRule();    // (1)

    @Before
    public void setUp() throws IOException {
        oghamService = MessagingBuilder.standard()
                .environment()
                    .properties()
                        .set("ogham.sms.from.default-value", "+33603040506")
                        .set("ogham.sms.smpp.host", "localhost")                 // (2)
                        .set("ogham.sms.smpp.port", smppServer.getPort())        // (3)
                        .and()
                    .and()
                .build();
    }

    @Test
    public void simple() throws MessagingException {
        // @formatter:off
        oghamService.send(new Sms()
                            .message().string("sms content")
                            .to("0601020304"));
        assertThat(smppServer).receivedMessages()                                // (4)
            .count(is(1))                                                        // (5)
            .message(0)                                                          // (6)
                .content(is("sms content"))                                      // (7)
                .from()
                    .number(is("+33603040506"))                                  // (8)
                    .and()
                .to()
                    .number(is("0601020304"));                                   // (9)
        // @formatter:on
    }
}

1. Declare and initialize the JUnit rule that encapsulates jSMPP for starting a local SMPP server in tests (you can set a different port than the default one)

2. Configure Ogham to use localhost for SMPP host

3. Get the local SMPP server port and configure Ogham to use this value

4. Entry point for declaring assertion on received SMS using a fluent API

5. Assert that one and only one SMS has been received

6. Access the first received message for declaring assertions for that message using fluent API

7. Assert that the received message text is exactly sms content

8. Assert that the sender phone number is +33603040506

9. Assert that the recipient phone number is 0601020304

Source code of the sample.

Testing long messages and several recipients

When a long message is sent, it must be split. Each part of the message is received by the SMPP server as distinct messages. The first message doesn’t have any additional information indicating that it is split. Successive messages have an additional header (contained in the body). Ogham hides this protocol specific complexity. So you can test your SMS without needing to know about the header. Ogham provides message method to access a particular message for doing assertions on it. Ogham also provides every to apply same assertions on all received messages.

Sending a SMS to several recipients is the same as sending several distinct SMS. So the SMPP server receives the same number as SMS as the number of recipients. In that case, you can use every to make same assertions on all messages.

image:{icons-java-code} Java

package fr.sii.ogham.sample.test;

import static fr.sii.ogham.testing.assertion.OghamAssertions.assertThat;
import static org.hamcrest.Matchers.is;

import java.io.IOException;

import org.jsmpp.bean.SubmitSm;
import org.junit.Before;
import org.junit.Rule;
import org.junit.Test;

import fr.sii.ogham.core.builder.MessagingBuilder;
import fr.sii.ogham.core.exception.MessagingException;
import fr.sii.ogham.core.service.MessagingService;
import fr.sii.ogham.sms.message.Sms;
import fr.sii.ogham.testing.extension.junit.JsmppServerRule;
import fr.sii.ogham.testing.extension.junit.SmppServerRule;

public class LongSmsTestSample {
    private MessagingService oghamService;

    @Rule
    public final SmppServerRule<SubmitSm> smppServer = new JsmppServerRule();

    @Before
    public void setUp() throws IOException {
        oghamService = MessagingBuilder.standard()
                .environment()
                    .properties()
                        .set("ogham.sms.from.default-value", "+33603040506")
                        .set("ogham.sms.smpp.host", "localhost")
                        .set("ogham.sms.smpp.port", String.valueOf(smppServer.getPort()))
                        .and()
                    .and()
                .build();
    }

    @Test
    public void longMessageUsingGsm8bit() throws MessagingException, IOException {
        // @formatter:off
        oghamService.send(new Sms()
                            .message().string("sms content with a very very very loooooooooo"
                                    + "oooooooooonnnnnnnnnnnnnnnnng message that is"
                                    + " over 140 characters in order to test the be"
                                    + "havior of the sender when message has to be split")
                            .to("0601020304"));
        assertThat(smppServer).receivedMessages()
            .count(is(2))                                                                   // (1)
            .message(0)                                                                     // (2)
                .content(is("sms content with a very very very looooooooooooooooooo"        // (3)
                        + "onnnnnnnnnnnnnnnnng message that is over 140 characters "
                        + "in order to test the beh")).and()
            .message(1)                                                                     // (4)
                .content(is("avior of the sender when message has to be split")).and()      // (5)
            .every()                                                                        // (6)
                .from()
                    .number(is("+33603040506"))                                             // (7)
                    .and()
                .to()
                    .number(is("0601020304"));                                              // (8)
        // @formatter:on
    }
}

1. Message is split so the SMPP server receives two messages

2. Access first message to declare assertions on it

3. Assert that the first message is correctly split (contains the beginning of the message)

4. Access second message to declare assertions on it

5. Assert that the second message contains the end of the whole message

6. every applies all later defined assertions to all messages (the 2 messages here)

7. Assert that the sender phone number is +33603040506 for every message

8. Assert that the recipient phone number is 0601020304 for every message

Source code of the sample.

Advanced configuration

See advanced configuration in full documentation

Extend

See how to extend in full documentation

Tips

See tips in full documentation