Отправляйте неограниченное количество бесплатных писем с помощью Smtp.js
Несколько дней назад я хотел отправить электронное письмо из внешнего интерфейса, но не был уверен, будет ли это возможно или нет. Спустя несколько часов я обнаружил, что есть такие, которые предоставляют такую поддержку, например EmailJS, SmtpJS и т. Д.
EmailJS хорош, и вы найдете много статей и документации по этому поводу, но эта услуга бесплатна до 200 писем в месяц. С другой стороны, SmtpJS полностью бесплатен без ограничений, и его очень легко установить с любыми проектами javascript. Здесь я расскажу о процессе с использованием SmtpJS.
Установка SMTPJS
- Включите скрипт в index.html или в корневой HTML-файл вашего проекта: -
<script src="https://smtpjs.com/v3/smtp.js"> </script>
2. Поместите код в функцию дескриптора вашего javascript. Для этого вам потребуются данные учетной записи SMTP-сервера. В Google вы найдете множество SMTP-серверов.
Вы можете выбрать любой из них. Если вы запутались, ознакомьтесь с разделом Настройка процесса SMTP-сервера этой статьи.
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)
);
// Or in React js or any other JS
window.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)
);
Примечание. В случае успеха ответ на сообщение будет "ОК".
Процесс завершен! Это все, чтобы отправить электронное письмо из интерфейса. Теперь в SMTP JS есть некоторые дополнительные функции. Если вы хотите защитить процесс, прочтите.
Безопасный SMTPJS - Альтернативный процесс (шаг 2)
SMTPJS обеспечивает безопасность для тех, кто не хочет, чтобы учетные данные SMTP были видны миру. Сначала зайдите в SMTPJS и нажмите Безопасность или перейдите в разделы Безопасность. Нажмите кнопку Зашифровать свои учетные данные SMTP, укажите сведения о сервере SMTP и сгенерируйте маркер безопасности.
//inside async function
const message = await window.Email.send({
SecureToken : "C973D7AD-F097-4B95-91F4-40ABC5567812",
To : '[email protected]',
From : "[email protected]",
Subject : "This is the subject",
Body : "And this is the body"
});
if(message==="OK"){
}
По умолчанию SMTP-соединение является безопасным (STARTTLS) и через порт 25. Если вам нужно использовать SMTP-сервер, который не принимает безопасные соединения, или нестандартный порт, например 587, используйте кнопку над надписью «Зашифровать». ваши учетные данные SMTP »для хранения расширенной конфигурации.
Настроить SMTP-сервер (Дополнительно)
В Интернете есть множество бесплатных SMTP-серверов. Я предпочитаю использовать Elastic-Email. Это обеспечивает неограниченное количество писем до 10 000 контактов.
- Сначала создайте учетную запись на Elastic-Email.
- Затем перейдите в Подтвердить домен.
- Нажмите Домены и подтвердите свой адрес электронной почты.
- Создайте API (разрешение полное).
- Создайте учетные данные SMTP.
УХ ТЫ!! вы успешно сделали !! А теперь наслаждайся, Счастливого кодирования.
