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

В этом руководстве я расскажу вам об отправке электронной почты с помощью JavaScript.

Мы узнаем, как отправлять почту с помощью Simple Mail Transfer Protocol, который представляет собой бесплатную библиотеку JavaScript. Он в основном используется для отправки электронных писем, поэтому работает только для исходящих писем. Чтобы иметь возможность отправлять электронные письма, вам необходимо указать правильный SMTP-сервер при настройке вашего почтового клиента. Большинство интернет-систем используют SMTP как метод передачи почты от одного пользователя другому. Это проталкивающий протокол. Чтобы использовать SMTP, вам необходимо настроить Gmail. Вам необходимо изменить две настройки вашей учетной записи Gmail, из которой вы отправляете почту, т.е.

Отменить двухэтапную аутентификацию
Включение менее безопасных приложений для доступа к Gmail, нажав здесь.

После этого просто создайте html-файл и включите SMTP в свой тег ‹script› ‹/script›:

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

2. Теперь создадим кнопку, при нажатии на которую будет отправлено письмо.

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

Теперь посетите сайт SMTP.JS.

Прокрутите вниз, вы увидите несколько кодов, написанных там: -

3. Сохраните второй код, мы будем использовать его для отправки электронных писем.

Email.send({
    Host : "smtp.yourisp.com",
    Username : "username",
    Password : "password",
    To : '[email protected]',
    From : "[email protected]",
    Subject : "This is the subject",
    Body : "And this is the body"
}).then(
  message => alert(message)
);

4. Нажмите «Настроить сервер SMTP».
Заполните данные, перейдите на панель управления SMTP и подтвердите свою учетную запись.

5. Перейдите в «Моя учетная запись», затем «Настройка» и выберите там параметр SMTP.

6. Щелкните Создать учетные данные SMTP.

7. Вы получите всю необходимую информацию, как показано ниже.

8. Теперь, пролистывая этот сайт, вы найдете: -

9. Теперь мы зашифруем наши учетные данные, как это было показано в приведенном выше коде.

10. Нажмите Зашифровать свои учетные данные SMTP.

11. Заполните необходимую информацию: -

12. Нажмите Создать токен безопасности, вы получите токен, сохраните его.

13. Теперь код для отправки электронной почты: -

Email.send({
    SecureToken : "<your security token>",
    To : '<whom you want to send>',
    From : "<Your email id registered on SMTPJS>",
    Subject : "This is the subject",
    Body : "And this is the body"
}).then(
  message => alert("mail has been sent sucessfully")
);

14. Запись всех кодов в один HTML-файл.

<!DOCTYPE html>
<html>
<head>
<title>Sending Mail</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 SMTPJS>",
Subject: "Sending Email using javascript with SMTPJS",
Body: "If you are reading this, dont forget to applaud kaustubh72",
Attachments: [{
name: "File_Name_with_Extension",
path: "Full Path of the file"
}]
})
.then(function (message) {
alert("Mail has been sent successfully")
});
}
</script>
</head>
<body>
<form method="post">
<input type="button" value="Send Mail"onclick="sendMail()" />
</form>
</body>
</html>

Вы можете использовать приведенный выше код для отправки файлов с вложением.

15. Запустите код, и вы закончите с автоматической службой электронной почты.
Просто нажмите кнопку, и письмо будет отправлено.
Если письмо было отправлено, вы увидите всплывающее окно ниже. успешно.

Позже вы также можете реализовать этот скрипт в форме «Связаться с нами» для получения запроса посетителя. 😄

Не забывайте аплодировать 👏 👏, подписывайтесь на меня на GitHub 😁 и medium 👱

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

Похожие вопросы