ارسال ايميلات من مشروع react

يمكنك إستخدام هذا السيرفر حيث ترسل اليه الداتا التي يتم ملئها في صفحة التواصل وتحدد الرد المناسب الذي يساعدك من غرض التحقق 

كل ماعليك هو 

1- إختيار الميثود وليكن POST 

2- إختيار ال status code وليكن 201 created

3- إنشاء الجسم الخاص بالرد وليكن 

{
    "status": "success",
    "message": "we recived your message"
}

بعد ذلك سوف يتم إنشاء رابط لك تستخدمه في عملية التستينج التي تريدها ويكون الرابط على الشكل التالي: 

api.mocki.io/v1/007381ae

كل ماعليك هو إرسال بيانات الى هذا الرابط بإستخدام نفس الميثود التي حددتها في الخطوة الأولى.

في حالة كنت تود إرسال الرساله الى إيميل حقيقي مثل Gmail مثلا فهذا لايتم من خلال الفرونت إند بل لابد أن يتم إرسال الايميل الى السيرفر والسيرفر هو من يتولى عملية الإرسال عن طريق مايسمى بال "SMTP" وفي هذه الحالة أيضا تظل كافة الخطوات التى قمنا بها ثابته حيث نرسل الداتا الى السيرفر وهو يرسلها الى الإيميل.

يمكنك استخدام مكتبة emailjs فهي تسهل أمر ارسال الايميلات 

• قم بانشاء حساب هنا
• ثم قم بجلب templateid و useridو serviceid

ثم يمكنك ببساطة استعمالها بهذا الشكل 

import React from 'react';
import emailjs from 'emailjs-com';


export default function test() {
  function handleClick() {
    console.log(email);
    const data = {
      to_email: email,
    };

    emailjs.send(SERVICE_ID, TEMPLATE_ID, data, USER_ID).then(
      function (response) {
        console.log(response.status, response.text);
      },
      function (err) {
        console.log(err);
      }
    );
  }
  return (
    <div>
      <p>Enter your email here</p>
      <input type="email" onChange={(event) => setEmail(event.target.value)} />
      <button type="submit" onClick={handleClick}>
        Send mail
      </button>
    </div>
  );
}