اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر

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

كل ماعليك هو 

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

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

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

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

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

api.mocki.io/v1/007381ae

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

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

  • 0
نشر

يمكنك استخدام مكتبة 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>
  );
}

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...