نموذج تواصل معنا في JavaScript

مرحبًا @عبد الواحد الحدادي, 

لإنشاء نموذج تواصل معنا , عليك اولاً تصميم القالب (تطوير واجهة المستخدم) , بعد ذلك لجعل هذا النموذج يعمل حقًا يجب علينا برمجة شيفرة تقوم بإرسال البريد الإلكتروني وذلك ليس ضمن تطوير واجهة المستخدم بل هو تحت تصنيف تطوير جانب الخادم (Backend) .

لإرسال البريد الإلكتروني بإستخدام Javascript عليك العمل على اطار Nodejs و استخدام مكتبة مثل nodemailer , مثال للشيفرة التي تقوم بإرسال بريج الإلكتروني:

var transporter = nodemailer.createTransport({
  service: 'gmail',
  auth: {
    user: 'هنا تكتب البريد الذي سوف يرسل الرسالة',
    pass: 'كلمة المرور الخاصة ببريد'
  }
});

var mailOptions = {
  from: 'هنا البريد الذي سوف يظهر على الرسالة',
  to: 'البريد الذي تريد ان ترسل له الرسالة',
  subject: 'عنوان البريد',
  text: 'نص البريد'
};

transporter.sendMail(mailOptions, function(error, info){
  if (error) {
    console.log(error);
  } else {
    console.log('تم ارسال البريد بنجاح: ' + info.response);
  }
});

عندما تقوم بملء حقول نموذج تواصل معنا و الضغط على ارسال , حينها في شيفرة Nodejs على Backend عليك ان تقوم بحفظ قيمة حقول النموذج داخل متغيرات حتى تقوم باستخدمهما في المعامل mailOptions .

ليس بضروري استخدام خدمة emailJs  , هي خدمة مدفوعة وليست مكتبة , تمكنك من ان ترسل البريد الإلكتروني من غير الحوجة على التعامل مع جانب الخدام او Nodejs , هذه الخدمة تتولى ذلك .