การส่งอีเมลด้วย 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;
}

สิ่งนี้น่าแปลกใจที่ทำงานได้ค่อนข้างดี ปัญหาเดียวก็คือถ้าเนื้อหายาวเป็นพิเศษ (มีมากกว่า 2,000 ตัวอักษร) มันก็เพิ่งเปิดอีเมลใหม่ แต่ไม่มีข้อมูลในนั้น ฉันสงสัยว่าจะเกี่ยวข้องกับความยาวสูงสุดของ URL ที่เกิน

นี่คือวิธีการโดยใช้ jQuery และ "องค์ประกอบ" เพื่อคลิก:

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

จากนั้นคุณสามารถรับเนื้อหาของคุณได้โดยการป้อนข้อมูลจากช่องป้อนข้อมูล (เช่นโดยใช้$('#input1').val()หรือโดยสคริปต์ฝั่งเซิร์ฟเวอร์ด้วย$.get('...')ขอให้สนุก

คุณไม่จำเป็นต้องใช้จาวาสคริปต์ใด ๆ คุณเพียงแค่ต้องใช้ 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();