إرسال رسائل البريد الإلكتروني باستخدام جافا سكريبت

اقرأ في هذا المقال


جافا سكريبت هي لغة برمجة يمكنك استخدامها لتطوير كل من الواجهة الأمامية والخلفية، لا يمكنك إرسال رسائل بريد إلكتروني باستخدام كود جافا سكريبت وحده بسبب نقص الدعم لمقابس الخادم، لهذا تحتاج إلى لغة من جانب الخادم تتحدث إلى خادم (SMTP).

كيفية استخدام جافا سكريبت لإرسال رسائل البريد الإلكتروني

1. إرسال بريد إلكتروني باستخدام SmtpJS.com

(SmtpJS) هي مكتبة مجانية يمكنك استخدامها لإرسال رسائل البريد الإلكتروني من جافا سكريبت، كل ما تحتاجه هو خادم (SMTP) وبعض المعالجات لإنجاز المهام، فيما يلي الخطوات التي يجب عليك اتباعها:

  • قم بإنشاء ملف (HTML) (على سبيل المثال، test.html) بالبرنامج:

<script src=”https://smtpjs.com/v3/smtp.js”> </script>

  • قم بإنشاء زر يقوم بتشغيل وظيفة جافا سكريبت:

<input type=”button” value=”Send Email” onclick=”sendEmail()”>

  • اكتب وظيفة جافا سكريبت لإرسال رسائل البريد الإلكتروني عبر (SmtpJS.com).

function sendEmail() { Email.send({ Host : “smtp.mailtrap.io”, Username : “<Mailtrap username>”,

Password : “<Mailtrap password>”, To : ‘[email protected]’, From : “[email protected]”,

Subject : “Test email”, Body : “<html><h2>Header</h2><strong>Bold text</strong><br></br>

<em>Italic</em></html>” }).then( message => alert(message) ); }

  • قم بتشغيل (test.html) في المتصفح وأرسل بريدك الإلكتروني.

2. إرسال بريد إلكتروني باستخدام EmailJS

يتيح لك موقع (EmailJS.com) توصيل خدمة البريد الإلكتروني الخاصة بك وإنشاء قالب بريد إلكتروني وإرساله من جافا سكريبت دون أي رمز خادم، دعونا نتعرف على الخطوات:

  • أنشئ حسابًا واختر خدمة بريد إلكتروني للتواصل معها، تتوفر خيارات خدمات المعاملات الشائعة، مثل: (Amazon SES) أو (Mailgun)، بالإضافة إلى الخدمات الشخصية مثل: (Gmail أو Outlook).
  • قم بإنشاء قالب بريد إلكتروني باستخدام المحرر المدمج، يوفر المحرر الكثير من الخيارات لبناء المحتوى والميزات المفيدة الأخرى، مثل: الرد التلقائي والتحقق من (reCAPTCHA) والمزيد.
  • أنت الآن بحاجة إلى تثبيت (EmailJS SDK)، يمكن القيام بذلك باستخدام (npm):

npm install emailjs-com –save

  • إذا كنت بحاجة إلى استخدام (EmailJS) على موقع الويب الخاص بك، فقم بلصق الكود التالي قبل إغلاق العلامة:

<script type=”text/javascript”

src=”https://cdn.jsdelivr.net/npm/[email protected]/dist/email.min.js”>

</script>

<script type=”text/javascript”>

(function(){

emailjs.init(“YOUR_USER_ID”); //use your USER ID

})();

</script>

  • يمكن إرسال البريد الإلكتروني الفعلي عبر طريقتين: (emailjs.send أو emailjs.sendForm).

شارك المقالة: