Javascript ile e-posta gönderme

Bunu açıklamak biraz kafa karıştırıcı, bu yüzden benimle burada kalın ...

Bir kullanıcının web sitem aracılığıyla şablonlu e-postalar gönderebileceği bir sistem kurmak istiyorum, ancak bunun aslında sunucum kullanılarak gönderilmemesi dışında - bunun yerine, gitmeye hazır bir e-posta ile kendi yerel posta istemcisini açar. Uygulama, e-postanın gövdesini önceden tanımlanmış değişkenlerle doldurarak kullanıcının kendi yazması gerekliliğini ortadan kaldırır. Daha sonra, amaçlarına tam olarak uymaması durumunda mesajı istedikleri gibi düzenleyebilirler.

Kullanıcının yerel posta istemcisi aracılığıyla gitmesini istememin birkaç nedeni var, bu nedenle sunucunun e-postayı göndermesini sağlamak bir seçenek değil:% 100 istemci tarafı olmalı.

Halihazırda çalışan çoğunlukla çalışan bir çözümüm var ve bunun ayrıntılarını bir cevap olarak göndereceğim, daha iyi bir yol olup olmadığını merak ediyorum.

Bunu şu an yapma şeklim temelde şöyle:

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;
}

Bu şaşırtıcı bir şekilde oldukça iyi çalışıyor. Tek sorun, eğer gövde özellikle uzunsa (2000 karakterden fazla bir yerde), o zaman yeni bir e-posta açar, ancak içinde bilgi yoktur. URL'nin maksimum uzunluğunun aşılmasıyla ilgili olacağından şüpheleniyorum.

Bunu jQuery ve tıklamak için bir "öğe" kullanarak yapmanın yolu:

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

Ardından, içeriğinizi ya giriş alanlarından besleyerek (yani kullanarak $('#input1').val()ya da sunucu tarafı komut dosyası ile $.get('...').

Herhangi bir javascript'e ihtiyacınız yok, sadece href'inizin şu şekilde kodlanmasına ihtiyacınız var:

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

Metin kutusunda canlı bir doğrulama olmasına ve 2000'in üzerine çıktıktan sonra (veya maksimum eşik ne olursa olsun) sonra 'Bu e-posta tarayıcıda tamamlanamayacak kadar uzun, lütfen <span class="launchEmailClientLink">launch what you have in your email client</span>' ifadesini görüntüleyin.

Sahip olacağım

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

ve bunu onDomReady cihazınıza jQuery yapın

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

Bu ücretsiz hizmeti kullanabilirsiniz: https://www.smtpjs.com

1. Komut dosyasını ekleyin:

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

2. Şunları kullanarak bir e-posta gönderin:

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

Bu sadece kullanıcının istemcisini e-postayı göndermeye açacaksa, neden orada da oluşturmalarına izin vermiyorsunuz? Ne gönderdiklerini izleme yeteneğini kaybedersiniz, ancak bu önemli değilse, o zaman adresleri ve konuyu toplayın ve kullanıcının gövdeyi doldurmasına izin vermek için istemciyi açın.

Fikirle ilgili sorun, kullanıcının bir e-posta istemcisine sahip olması gerektiğidir; bu, birçok kullanıcı için geçerli olan web postalarına güveniyorsa durum böyle değildir. (en azından, sorunu bir düzine yıl önce araştırdığımda bu web postasına yönlendirmek için geri dönüş yoktu).

Bu nedenle normal çözüm, e-posta göndermek için (sunucu tarafı, o zaman) php mail () 'e güvenmektir.

Ancak günümüzde "e-posta istemcisi" her zaman otomatik olarak, potansiyel olarak bir web posta istemcisine ayarlanmışsa, bilmekten mutluluk duyarım.

Mandrillapp.com'a istek gönderin :

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();