До 30 ноября

Скидки до 81 000 руб и вторая профессия в подарок!

Главная | Все статьи | Код

Что такое Mailtrap, или Как тестировать письма на стадиях разработки и предпродакшена

Время чтения статьи ~5 минут 7
Что такое Mailtrap, или Как тестировать письма на стадиях разработки и предпр... главное изображение

Обзор посвящён сервису Mailtrap. Он помогает тестировать письма на стадии разработки и защищает ваших клиентов от случайного получения тестовых писем.

Зачем нужен Mailtrap: безопасное тестирование писем

Mailtrap — сервис безопасного тестирования писем. Он помогает разработчикам решать следующие задачи:

  • защита клиентов и подписчиков от получения тестовых писем;
  • автоматический подсчёт рейтинга спамности (spam score) рассылки до отправки реальным пользователям;
  • проверка HTML писем и отображения на экранах с разным разрешением;
  • удобная сортировка тестовых сообщений при работе с несколькими проектами;
  • совместное тестирование рассылок.

Схема работы Mailtrap: разработчик создаёт тестовый электронный ящик, настраивает почтовый сервер и отправляет пробные письма. Все сообщения гарантированно попадают в тестовый электронный ящик. Здесь можно увидеть рейтинг спамности письма, проанализировать исходный код.

Mailtrap — платный сервис. Есть бесплатный тариф, но он предназначен только для личных некоммерческих проектов. Стоимость платных пакетов начинается с 9,99 долларов США в месяц.

Тарифные планы

Тарифные планы Mailtrap


Важно! Mailtrap открывает доступ к расширенным возможностям сервиса некоммерческим проектам, которые делают продукты с открытым исходным кодом. Чтобы получить преференции, необходимо документально подтвердить статус неприбыльной организации.

Подробнее о функциональности Mailtrap дальше.

Что может Mailtrap: spam score, анализ HTML, интеграции

После регистрации пользователь получает доступ в личный кабинет. Здесь можно создавать проекты и тестовые папки «Входящие» (инбоксы). Над проектами можно работать совместно с другими пользователями. Эта функция доступна платным подписчикам.

Владельцу свободной подписки Mailtrap выделяет один инбокс размером 5 МБ. В нём можно хранить до 50 писем одновременно. В месяц владелец бесплатного ящика может получить до 500 писем.

инбокс

Интерфейс личного кабинета


В инбоксе доступны данные для настройки SMTP и POP3. Они понадобятся для конфигурации тестовых рассылок.

данные SMTP

Данные для настройки SMTP


Также в тестовой папке «Входящие» есть список интеграций. С помощью выпадающего меню можно выбрать подходящий вариант. Mailtrap интегрируется с Ruby on Rails, Django, Laravel, Yii2, Zend, WordPress и так далее.

список интеграций Mailtrap

Выбор нужной интеграции


На вкладке Email Address есть тестовый электронный адрес. На него можно отправлять письма вручную. Функция недоступна на тестовом тарифе.

тестовый email

На платном тарифе пользователю доступен тестовый электронный адрес


Платная подписка позволяет автоматически форвардить тестовые письма на реальные электронные адреса. Настройки доступны на вкладке Auto Forward. Сообщения можно пересылать на конкретные адреса или на все электронки выбранного домена, например, @hexlet.io.

автоматический форвардинг

Настройки автоматического форвардинга


На вкладке Manual Forward можно вручную пересылать тестовые письма на реальные адреса. На вкладке Team Members можно поделиться инбоксом с членами команды. Функции доступны после оформления платной подписки.

Чтобы проанализировать тестовое письмо, выберите его во входящих.

Анализируем тестовые сообщения

Выбираем нужное письмо


На вкладке HTML можно оценить внешний вид письма. Чтобы увидеть, как выглядит сообщение на девайсах разного типа, нажмите отмеченную на иллюстрации иконку.

тестируем адаптивность

Проверяем отображение письма


На открывшейся странице можно проверить адаптивность письма.

проверка адптивности

Проверяем отображение письма на экранах с разным разрешением


На вкладке HTML Source можно увидеть письмо в формате HTML.

смотрим HTML письма

Смотрим HTML


На вкладке Raw доступны необработанные данные, полученные с SMTP.

необработанные данные с SMTP

Проверяем необработанные данные


На вкладке Analysis доступны сведения об индексе спамности письма, а также информация о включении рассылки в чёрные списки.

spam score или индекс спамности письма

Изучаем spam score письма


Обратите внимание, на этой вкладке есть расшифровка рейтинга спамности: список правил и вклад каждого правила в spam score. Используйте эти данные, чтобы уменьшить вероятность фильтрации рассылки.

расшифровка spam score

Расшифровка spam score


На вкладке Check HTML доступны результаты автоматической проверки HTML и CSS сообщения. Информация представлена в формате «Строка с ошибкой — Название правила — Название клиента, для которого код невалидный».

автоматическая валидация HTML и CSS email-рассылки

Изучаем результаты автоматической проверки HTML и CSS


На вкладке SMTP Info есть список получателей рассылки. Функция доступна после оформления платной подписки.

Мы рассмотрели возможности Mailtrap. Переходим к практической части: настройке SMTP и рассылке тестовых писем.

Как отправлять тестовые письма с помощью Mailtrap: простые настройки

Чтобы настроить SMTP на вашем проекте, в списке интеграций выберите подходящий вариант. Я тестировал Mailtrap на блоге, который работает на WordPress.

интеграция Mailtrap с WordPress

Конфигурация SMTP для проекта на WordPress


Для работы с SMTP пользуюсь плагином WP Mail SMTP, но вы можете найти альтернативное решение в официальном каталоге WP.

Перейдите на страницу настроек SMTP: WP Mail SMTP — Настройки. В методах отправки почты укажите вариант «Прочие SMTP». В настройках укажите данные, доступные в интеграциях в инбоксе Mailtrap.

настройки SMTP на WordPress

Настраиваем SMTP


Сохраните изменения и отправьте тестовое письмо. В случае с проектом на WordPress это можно сделать с помощью WP Mail SMTP.

тестируем настройки SMTP

Тестируем SMTP


Также можно воспользоваться инструментами рассылки, которые вы уже используете на проекте. Например, на WordPress это может быть «Новостная рассылка».

создаём тестовую рассылку

Создаём тестовую рассылку


Создайте и отправьте тестовое письмо. Если всё сделано верно, оно попадёт в инбокс Mailtrap.

сообщения попали в ловушку

Тестовые письма попали в ящик Mailtrap


Заключение

В обзоре мы рассмотрели возможности Mailtrap и настроили тестовую рассылку на проекте, который работает на WordPress. Остаётся напомнить о доступных интеграциях сервиса Mailtrap с разными платформами и фреймворками, включая Ruby on Rails, Django, Laravel, а также о возможности использовать функциональность сервиса через API. Если у вас остались вопросы, задайте их в комментариях.

Аватар пользователя Дмитрий Дементий
Дмитрий Дементий 25 сентября 2019
7
Рекомендуемые программы
профессия
Осваивайте разработку веб-страниц, оживляйте дизайн макетов, публикуйте сайты и приложения. Отслеживайте ошибки в интерфейсе и устраняйте их
10 месяцев
с нуля
Старт 21 ноября
профессия
Обучитесь разработке бэкенда сайтов и веб-приложений — серверной части, которая отвечает за логику и базы данных
10 месяцев
с нуля
Старт 21 ноября
профессия
Выполняйте ручное тестирование веб-приложений, находите ошибки в продукте. Узнайте все о тест-дизайне.
4 месяца
с нуля
Старт 21 ноября
профессия
Научитесь разработке веб-приложений, сайтов и программного обеспечения на языке Java, программируйте и используйте структуры данных
10 месяцев
с нуля
Старт 21 ноября
профессия
новый
Собирайте, анализируйте и интерпретируйте данные, улучшайте бизнес-процессы и продукт компании. Обучитесь работе с библиотеками Python
9 месяцев
с нуля
Старт 21 ноября
профессия
Занимайтесь созданием сайтов, веб-приложений, сервисов и их интеграцией с внутренними бизнес-системами на бекенд-языке PHP
10 месяцев
с нуля
Старт 21 ноября
профессия
Создание веб-приложений со скоростью света
5 месяцев
c опытом
Старт 21 ноября
профессия
Обучитесь разработке визуальной части сайта — фронтенда, а также реализации серверной — бэкенда. Освойте HTML, CSS, JavaScript
16 месяцев
с нуля
Старт 21 ноября
профессия
Разработка бэкенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 21 ноября
профессия
новый
Организовывайте процесс автоматизации тестирования на проекте, обучитесь языку программирования JavaScript, начните управлять процессом тестирования
8 месяцев
c опытом
Старт 21 ноября