Надсилання електронних листів за допомогою Javascript

Це трохи заплутано для пояснення, тож потерпіть зі мною тут ...

Я хочу створити систему, де користувач може надсилати шаблонні електронні листи через мій веб-сайт, за винятком того, що він фактично не надсилається за допомогою мого сервера - він натомість просто відкриває власний локальний поштовий клієнт з електронною поштою, готовою до роботи. Додаток заповнює тіло електронної пошти заздалегідь визначеними змінними, щоб врятувати користувачеві необхідність вводити його самостійно. Потім вони можуть редагувати повідомлення за бажанням, якщо воно не відповідає їх цілям.

З кількох причин я хочу, щоб він перейшов через локальний поштовий клієнт користувача, тому отримання сервера для надсилання електронної пошти не є варіантом: він повинен бути на 100% стороні клієнта.

У мене вже працює в основному працююче рішення, і деталі цього повідомлення я опублікую як відповідь, мені цікаво, чи є кращий спосіб?

Те, що я роблю зараз, це в основному так:

HTML:

<textarea id="myText">
    Lorem ipsum...
</textarea>
<button onclick="sendMail(); return false">Send</button>

Javascript:

function sendMail() {
    var link = "mailto:me@example.com"
             + "?cc=myCCaddress@example.com"
             + "&subject=" + encodeURIComponent("This is my subject")
             + "&body=" + encodeURIComponent(document.getElementById('myText').value)
    ;
    
    window.location.href = link;
}

Це, на диво, працює досить добре. Єдина проблема полягає в тому, що якщо тіло особливо довге (десь понад 2000 символів), воно просто відкриває нове повідомлення електронної пошти, але інформації в ньому немає. Я підозрюю, що це стосується перевищення максимальної довжини URL-адреси.

Ось як це зробити за допомогою jQuery та "елемента" для натискання на:

$('#element').click(function(){
    $(location).attr('href', 'mailto:?subject='
                             + encodeURIComponent("This is my subject")
                             + "&body=" 
                             + encodeURIComponent("This is my body")
    );
});

Потім, ви можете отримати вміст або шляхом подачі його з поля введення (тобто. З використанням $('#input1').val()або на стороні сервера скрипт з $.get('...'). Удачі

Вам не потрібен Javascript, вам просто потрібен ваш href, щоб бути закодованим так:

<a href="mailto:me@me.com">email me here!</a>

А як щодо того, щоб у вашому текстовому вікні була перевірка живої перевірки, і як тільки вона перевищить 2000 (або будь-який максимальний поріг), тоді відобразиться "Цей електронний лист занадто довгий, щоб заповнити його в браузері, будь ласка <span class="launchEmailClientLink">launch what you have in your email client</span>"

До якого я мав би

.launchEmailClientLink {
cursor: pointer;
color: #00F;
}

і jQuery це у ваш onDomReady

$('.launchEmailClientLink').bind('click',sendMail);

Ви можете скористатися цим безкоштовним сервісом: https://www.smtpjs.com

1. Включіть сценарій:

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

2. Надіслати електронний лист за допомогою:

Email.send(
  "from@you.com",
  "to@them.com",
  "This is a subject",
  "this is the body",
  "smtp.yourisp.com",
  "username",
  "password"
);

Якщо це просто відкриє клієнтові користувача для надсилання електронного листа, чому б не дозволити їм також його скласти. Ви втрачаєте можливість відстежувати, що вони надсилають, але якщо це не важливо, то просто збирайте адреси та тему та спливає клієнт, щоб користувач міг заповнити тіло.

Проблема самої ідеї полягає в тому, що користувач повинен мати клієнт електронної пошти, а це не так, якщо він покладається на веб-пошти, що стосується багатьох користувачів. (принаймні, не було повороту для переадресації на цю веб-пошту, коли я досліджував цю проблему десяток років тому).

Ось чому нормальним рішенням є посилання на php mail () для надсилання електронних листів (тоді на стороні сервера).

Але якщо в наш час "електронний клієнт" завжди встановлюється автоматично, потенційно, клієнтом веб-пошти, я буду радий знати.

Надішліть запит на mandrillapp.com :

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
        console.log(xhttp.responseText);
    }
}
xhttp.open('GET', 'https://mandrillapp.com/api/1.0/messages/send.json?message[from_email]=mail@7995.by&message[to][0][email]=zdanevich.vitaly@yaa.ru&message[subject]=Заявка%20с%207995.by&message[html]=xxxxxx&key=oxddROOvCpKCp6InvVDqiGw', true);
xhttp.send();