Отправляйте электронные письма в javascript с помощью SMTP.JS (подробное руководство)

В этом руководстве я расскажу вам об отправке электронных писем с помощью JavaScript, в частности, с использованием SMTP-сервера Gmail.

1 Чтобы использовать Gmail SMTP, вам необходимо настроить Gmail. Вам нужно изменить некоторые настройки вашей учетной записи Gmail, с которой вы хотите отправлять почту.

Включить двухэтапную аутентификацию
Сгенерировать пароль для приложения

Включите двухэтапную аутентификацию:

Этот шаг прост. Просто зайдите в Учетную запись Google, войдите в систему, если вы еще не авторизовались. Затем перейдите в раздел Безопасность и включите двухэтапную аутентификацию.

Сгенерируйте пароль для конкретного приложения:

Теперь нажмите Пароли приложений.

Затем нажмите раскрывающееся меню Выберите приложение и выберите другое (собственное имя).

Затем напишите какое-нибудь имя и нажмите «Создать». После этого скопируйте сгенерированный пароль. (мы будем использовать этот пароль позже в javascript)

2Теперь перейдите на веб-сайт smtp.js и прокрутите вниз до раздела Безопасность.

Нажмите кнопку Зашифровать учетные данные SMTP и введите необходимую информацию.

Хост SMTP: smtp.gmail.com
Имя пользователя SMTP: "ваша электронная почта Google"
Пароль SMTP: "вставьте пароль, который мы сгенерировали ранее"
Домен: gmail.com
Порт: 25

Затем нажмите Создать токен безопасности и скопируйте созданный токен.

3После этого просто создайте HTML-файл и включите в него тег скрипта smtp.js.

<script src="https://smtpjs.com/v3/smtp.js"></script>

Для тестирования мы создадим кнопку, и нажав на нее, мы отправим электронное письмо.

<form method="post">
<input type="button" value="Send Email" onclick="sendEmail()"/></form>

Добавьте приведенный ниже скрипт в свой код.

Email.send({
    SecureToken : "<paste security token that we just generated>",
    To : '[email protected]',
    From : "<your google email>",
    Subject : "This is the subject",
    Body : "And this is the body"
}).then(
  message => alert(message)
);

Вот пример кода полного HTML-файла

<!DOCTYPE html>
<html>
<head>
<title>Sending Email</title>
<script src="https://smtpjs.com/v3/smtp.js"></script>
<script type="text/javascript">
function sendEmail() {
Email.send({
SecureToken : "<your security token>",
To : '<whom you want to send>',
From : "<Your email id registered on gmail>",
Subject: "Testing Email using javascript",
Body: "If you are reading this, dont forget to applaud"
})
.then(function (message) {
alert("Email successfully sent")
});
}
</script>
</head>
<body>
<form method="post">
<input type="button" value="Send Mail"onclick="sendMail()" />
</form>
</body>
</html>

Вы также можете реализовать этот скрипт в форме обратной связи для приема запросов посетителей. Кроме того, ваши учетные данные защищены, поскольку вы используете токен безопасности вместо учетных данных SMTP.

Не забывайте аплодировать 👏 👏

Отправляйте электронные письма в javascript с помощью SMTP.JS (подробное руководство)