Как отправить электронное письмо из JavaScript

Непрямое через Ваш сервер — вызов стороннего API — безопасный и рекомендуемый

Ваш сервер может вызывать сторонний API после надлежащей аутентификации и авторизации. Ключи API не предоставляются клиенту.

node.js — https://www.npmjs.org/package/node-mandrill

  const mandrill = require ('node-mandrill') ('');  функция sendEmail (_name, _email, _subject, _message) {mandrill ('/messages/send', {message: {to: [{email: _email, name: _name}], from_email: 'noreply@yourdomain.com', тема  : _subject, text: _message}}, function (error, response) {if (error) console.log (error); else console.log (response);});}//определяем ваш собственный API электронной почты, который указывает на ваш  server.app.post ('/api/sendemail/', function (req, res) {let _name = req.body.name; let _email = req.body.email; let _subject = req.body.subject; let _messsage  = req.body.message;//реализуем вашу защиту от спама или проверяем. sendEmail (_name, _email, _subject, _message);});  

, а затем используйте $ .ajax на клиенте для вызова вашего почтового API.

Непосредственно от клиента — вызов стороннего API — не рекомендуется

Отправьте электронное письмо, используя только JavaScript

вкратце:

1. зарегистрируйтесь в Mandrill, чтобы получить ключ API
2. загрузить jQuery
3. использовать $. ajax для отправки электронного письма

Вот так —

  function sendMail () {$ .ajax ({type: 'POST'  , url: 'https://mandrillapp.com/api/1.0/messages/send.json', data: {'key': 'ВАШ КЛЮЧ API ЗДЕСЬ', 'message': {'from_email': 'ВАШ @ EMAIL  .HERE ',' to ': [{' email ':' RECIPIENT@EMAIL.HERE ',' name ':' ИМЯ ПОЛУЧАТЕЛЯ (НЕОБЯЗАТЕЛЬНО) ',' type ':' to '}],' autotext ':' true  ',' subject ':' ВАША ТЕМА ЗДЕСЬ! ',' html ':' СОДЕРЖАНИЕ ВАШЕЙ ПОЧТЫ ЗДЕСЬ! ВЫ МОЖЕТЕ ИСПОЛЬЗОВАТЬ HTML! '}}}). done (function (response) {console.log (response);// если вам нравится такая штука});}  

https://medium.com/design-startups/b53319616782

Примечание. Сохраняйте помните, что ваш ключ API виден всем, поэтому любой злоумышленник может использовать ваш ключ для рассылки электронных писем, которые могут съесть вашу квоту.

Я не смог найти ответ, который действительно удовлетворял исходный вопрос.

• Mandrill нежелателен из-за его новой ценовой политики, к тому же для него требовалась внутренняя служба, если вы хотели сохранить свои учетные данные в безопасности.
• Часто предпочтительнее скрыть свою электронную почту, чтобы не попасть в списки (решение mailto выявляет эту проблему и неудобно для большинства пользователей).
• Настроить sendMail или вообще потребовать серверную часть просто для того, чтобы отправить электронное письмо, затруднительно.

Я собрал простую бесплатную службу, которая позволяет вам создавать стандартный HTTP Запрос POST для отправки электронного письма. Это называется PostMail, и вы можете просто опубликовать форму, использовать Javascript или jQuery. Когда вы регистрируетесь, он предоставляет вам код, который вы можете скопировать и вставить на свой веб-сайт. Вот несколько примеров:

Javascript:

    
     //обновить его с помощью селектора js_form var form_id_js = "javascript_form";  var data_js = {"access_token": "{ваш токен доступа}"//отправляется после регистрации};  function js_onSuccess () {//удалите это, чтобы избежать перенаправления window.location = window.location.pathname + "? message = Email + Successfully + Sent% 21 & isError = 0";  } function js_onError (error) {//удалите это, чтобы избежать перенаправления window.location = window.location.pathname + "? message = Email + could + not + be + send. & isError = 1";  } var sendButton = document.getElementById ("js_send");  function js_send () {sendButton.value = 'Отправка…';  sendButton.disabled = true;  var request = new XMLHttpRequest ();  запрос. onreadystatechange = функция () {если (request.readyState == 4 && request.status == 200) {js_onSuccess ();  } иначе, если (request.readyState == 4) {js_onError (request.response);  }};  var subject = document.querySelector ("#" + form_id_js + "[name = 'subject']"). значение;  var message = document.querySelector ("#" + form_id_js + "[name = 'text']"). value;  data_js ['тема'] = тема;  data_js ['текст'] = сообщение;  var params = toParams (data_js);  request.open ("POST", "https://postmail.invotes.com/send", true);  request.setRequestHeader ("Content-type", "application/x-www-form-urlencoded");  request.send (параметры);  вернуть ложь;  } sendButton.onclick = js_send;  функция toParams (data_js) {var form_data = [];  for (ключ var в data_js) {form_data.push (encodeURIComponent (key) + "=" + encodeURIComponent (data_js [key]));  } return form_data.join ("&");  } var js_form = document.getElementById (form_id_js);  js_form.addEventListener ("submit", function (e) {e.preventDefault ();});   

jQuery:

     
    //обновите это с помощью селектора $ form var form_id = "jquery_form";  var data = {"access_token": "{ваш токен доступа}"//отправляется после регистрации};  function onSuccess () {//удалите это, чтобы избежать перенаправления window.location = window.location.pathname + "? message = Email + Successfully + Sent% 21 & isError = 0";  } function onError (error) {//удалите это, чтобы избежать перенаправления window.location = window.location.pathname + "? message = Email + could + not + be + отправлено. & isError = 1";  } var sendButton = $ ("#" + form_id + "[name = 'send']");  функция send () {sendButton.val ('Отправка…');  sendButton.prop ('отключено', истина);  var subject = $ ("#" + form_id + "[name = 'subject']"). val ();  var message = $ ("#" + form_id + "[имя = 'текст']"). val ();  данные ['тема'] = субъект;  данные ['текст'] = сообщение;  $ .post ('https://postmail.invotes.com/send', data, onSuccess) .fail (onError);  вернуть ложь;  } sendButton.on («щелкнуть», отправить);  var $ form = $ ("#" + form_id);  $ form.submit (function (event) {event.preventDefault ();});   

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

Вы можете найти, что поместить в функцию JavaScript, в этом посте..

  function getAjax () {try {if (window.XMLHttpRequest) {return new XMLHttpRequest ();  } else if (window.ActiveXObject) {попробуйте {вернуть новый ActiveXObject ('Msxml2.XMLHTTP');  } catch (try_again) {вернуть новый объект ActiveXObject ('Microsoft.XMLHTTP');  }}} catch (сбой) {return null;  }} функция sendMail (to, subject) {var rq = getAjax ();  if (rq) {//Успех;  попытаться использовать запрос Ajax к сценарию PHP для отправки электронной почты попробуйте {rq.open ('GET', 'sendmail.php? to =' + encodeURIComponent (to) + '& subject =' + encodeURIComponent (subject) +  '& d =' + новая дата (). getTime (). toString (), истина);  rq.onreadystatechange = function () {if (this.readyState === 4) {if (this.status> = 400) {//Запрос не выполнен;  вернуться к почтовому клиенту window.open ('mailto:' + to + '? subject =' + encodeURIComponent (subject));  }}};  rq.send (ноль);  } catch (fail) {//Не удалось открыть запрос;  вернуться к почтовому клиенту window.open ('mailto:' + to + '? subject =' + encodeURIComponent (subject));  }} else {//Не удалось создать запрос;  вернуться к почтовому клиенту window.open ('mailto:' + to + '? subject =' + encodeURIComponent (subject));  }}  

Предоставьте свой собственный PHP-скрипт (или любой другой язык) для отправки электронной почты.

Я знаю, что уже слишком поздно, чтобы писать ответ на этот вопрос, но, тем не менее, я думаю, что это будет полезно для всех, кто думает об отправке электронных писем через javascript.

Первый способ, который я предлагаю, — это использовать обратный вызов, чтобы сделать это на сервере. Если вы действительно хотите, чтобы это обрабатывалось с помощью javascript, я рекомендую следующее.

Самый простой способ, который я нашел, — это использовать smtpJs. Бесплатная библиотека, которая может использоваться для отправки электронных писем.

1. Включите скрипт, как показано ниже

2. Вы можете отправить электронное письмо, подобное этому

  Email.send ({Host: "smtp  .yourisp.com ", Имя пользователя:" имя пользователя ", Пароль:" пароль ", Кому: 'them@website.com', От:" you@isp.com ", Тема:" Это тема ", Текст:"  И это тело "}). Then (message => alert (message));  

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

  Email.send ({SecureToken: "C973D7AD-F097-4B95-91F4-40ABC5567812", Кому: 'them@website.com', От  : "you@isp.com", Тема: "Это тема", Body: "А это тело"}). then (message => alert (message));  

Наконец, если у вас нет SMTP-сервера, вы используете службу ретрансляции smtp, такую ​​как Elastic Электронная почта

Также вот ссылка на официальный сайт SmtpJS.com, где вы можете найти все необходимые вам примеры и место, где вы можете создать свой токен безопасности.

Надеюсь, кому-то эти подробности пригодятся. Удачного кодирования.

Я сообщаю вам новости. Вы НЕ МОЖЕТЕ отправить электронное письмо с помощью JavaScript как такового.

Исходя из контекста вопроса OP, мой ответ выше больше не является верным, как указано автор @KennyEvitt в комментариях. Похоже, вы можете использовать JavaScript в качестве SMTP-клиента .

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

Кажется, на горизонте есть новое решение. Это называется EmailJS. Они утверждают, что серверный код не нужен. Вы можете запросить приглашение.

Обновление за август 2016 г .: EmailJS, похоже, уже запущен. Вы можете отправлять до 200 электронных писем в месяц бесплатно, и он предлагает подписку для больших объемов.

window.open (‘mailto: test@example.com’); как и выше, ничто не скрывает адрес электронной почты test@example.com от спам-ботов. Раньше я постоянно сталкивался с этой проблемой.

  var recipient = "test"; var at = String.fromCharCode (64); var dotcom = "example.com"; var  mail = "mailto:"; window.open (почта + получатель + at + dotcom);  

В вашей функции sendMail () добавьте вызов ajax в свой бэкэнд, где вы можете реализовать это на на стороне сервера.

Javascript является клиентским, вы не можете отправлять электронную почту с Javascript. Браузер может распознавать только mailto: и запускает ваш почтовый клиент по умолчанию.