form sent

تقديم نموذج تسجيل المستخدم

الوصف: يتضمن هذا المشروع إنشاء نموذج ويب يجمع المعلومات من المستخدمين للتسجيل. بعد قيام المستخدم بإدخال معلوماته، يرسل النموذج المعلومات المستلمة إلى عنوان بريد إلكتروني محدد للمعالجة.

جدول المحتويات

• سمات
• التقنيات
• أنت بحاجة إلى ذلك
  • المتطلبات الأساسية
  • تثبيت
• الخصوصية والأمن
• إنشاء وتضمين ملف التحميل التلقائي

سمات:

• واجهة نموذج ويب بسيطة وسهلة الاستخدام لإدخال بيانات المستخدم
• حقول جمع معلومات المستخدم، مثل الاسم وعنوان البريد الإلكتروني ومعلومات الاتصال
• التحقق من صحة النموذج لضمان دقة واكتمال المعلومات المدخلة
• وظيفة البريد الإلكتروني لإرسال المعلومات المجمعة إلى عنوان بريد إلكتروني محدد للمعالجة
• إعداد القالب لتنسيق المعلومات المجمعة بطريقة واضحة ومنظمة

التقنيات:

• HTML وCSS وJavaScript لتطوير جانب العميل
• لغة برمجة PHP من جانب الخادم لمعالجة النماذج ووظائف البريد الإلكتروني
• مكتبة الملحن لإدارة التبعية PHP
• افتح الخادم المحلي لنشر التطبيق واختباره
• بشكل عام، يوفر هذا المشروع طريقة بسيطة وفعالة لجمع معلومات المستخدم للتسجيل وتبسيط عملية التسجيل.

يسعدنا أن نقدم لكم نسخة تجريبية من المشروع الذي استضفناه على صفحات Github. اتبع الرابط الخاص بالنسخة التجريبية للمشروع للتحقق من ذلك.

لإرسال نموذج إلى البريد الإلكتروني، يجب عليك:

• قم بتثبيت Composer على جهاز الكمبيوتر الخاص بك.
• تحقق مما إذا كان موفر SMTP الخاص بك يمنع إرسال البريد الإلكتروني.
• إذا كنت تستخدم نظام التشغيل Windows، فتحقق مما إذا كان نظام التشغيل لديك يمنع إرسال SMTP.
• قم بتثبيت Open Server أو أي خادم محلي آخر يدعم إرسال البريد الإلكتروني.
• استنساخ هذا المستودع.
• يرجى ملاحظة أنه قبل استخدام النموذج، تحتاج إلى تكوينه باستخدام إعدادات البريد الإلكتروني الخاصة بك في ملف mail.php.

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

المتطلبات الأساسية

قبل البدء، تأكد من توفر المتطلبات الأساسية التالية:

• الملحن مثبت على جهاز الكمبيوتر الخاص بك
• خادم محلي يدعم إرسال البريد الإلكتروني (مثل Open Server)
• الوصول إلى موفر SMTP الخاص بك للتحقق مما إذا كان إرسال البريد الإلكتروني محظورًا
• الوصول إلى نظام التشغيل الخاص بك للتحقق مما إذا كان إرسال SMTP محظورًا (Windows فقط)

تثبيت

لإعداد إرسال نموذج البريد الإلكتروني، اتبع الخطوات التالية:

1. انسخ هذا المستودع إلى جهازك المحلي.
2. قم بتثبيت Composer إذا لم تكن قد قمت بذلك بالفعل.
3. تحقق مما إذا كان موفر SMTP الخاص بك يمنع إرسال رسائل البريد الإلكتروني.
4. إذا كنت تستخدم نظام التشغيل Windows، فتحقق أيضًا مما إذا كان نظام التشغيل لديك يمنع إرسال SMTP.
5. قم بتثبيت Open Server أو أي خادم محلي آخر يدعم إرسال البريد الإلكتروني.
6. قم بتكوين ملف mail.php بالطريقة التالية:
   • ابحث عن كتلة "محاولة {" وابحث عن التعليق "// config.php".
   • قم بتحرير القيم: قم بتعيين عنوان بريدك الإلكتروني (على سبيل المثال " [email protected] ") لـ $mail->Username وكرره لـ $mail->setFrom(EMAIL_FROM) .
   • في السطر $mail->addAddress(EMAIL_TO) ، استبدل الوسيطة EMAIL_TO بعنوان البريد الإلكتروني الذي تريد تلقي عمليات إرسال النماذج إليه (يمكنك استخدام بريدك الإلكتروني لأغراض الاختبار).
   • وأخيرًا، استبدل SMTP_PASSWORD بكلمة المرور التي أنشأتها في الخطوة التالية.
7. قم بإنشاء كلمة مرور التطبيق في حساب Google الخاص بك:
   • انتقل إلى "حسابك" (ليس حساب Gmail الخاص بك بل حساب Google الخاص بك).
   • في شريط البحث، اكتب "كلمات مرور التطبيقات".
   • اختر أي اسم لتوجيه نفسك.
   • سيتم تزويدك بكلمة مرور تحتاج إلى نسخها ولصقها بدلاً من SMTP_PASSWORD بين قوسين "كلمة المرور الخاصة بك".
   • لاحظ أنك لن تتمكن من عرض كلمة المرور مرة أخرى، لذا لا تغلق علامة تبويب المتصفح هذه حتى تستخدمها.

تدابير الخصوصية والأمن لتقديم نموذج البريد الإلكتروني

تعد الخصوصية جانبًا مهمًا عند إعداد إرسال نموذج البريد الإلكتروني. لضمان خصوصية المعلومات الحساسة، يوصى بشدة باتخاذ الاحتياطات التالية:

• لا تشارك كلمة مرور إرسال بريدك الإلكتروني: تجنب مشاركة كلمة مرور إرسال بريدك الإلكتروني عبر البريد الإلكتروني أو أي وسيلة اتصال أخرى مثل المحادثات أو الرسائل. احتفظ بكلمة المرور في مكان آمن لا يمكن لأحد سواك الوصول إليه.
• لا تنشر ملف التكوين على الموارد العامة: لا تنشر ملف التكوين أبدًا (على سبيل المثال، mail.php) على الموارد العامة مثل GitHub أو خدمات الاستضافة الأخرى. بدلاً من ذلك، استخدم ملف config.php حيث يمكنك إنشاء متغيرات لتخزين بيانات التكوين. يوصى أيضًا بإضافة ملف config.php إلى .gitignore لاستبعاده من المستودع عند التحميل إلى GitHub.

سيساعدك اتباع هذه الاحتياطات على حماية خصوصيتك وتأمين مشروعك من التهديدات المحتملة. يرجى التأكد من الالتزام بهذه التوصيات عند إعداد إرسال نموذج البريد الإلكتروني.

إنشاء وتضمين ملف التحميل التلقائي

لإكمال إعداد المشروع، تحتاج إلى تشغيل الأمر composer dumpautoload في الوحدة الطرفية، مما يؤدي إلى إنشاء ملف جديد vendor/autoload.php . يحتوي هذا الملف على قائمة بجميع الفئات ومواقعها، وهو موجود بالفعل في الكود الخاص بك ( mail.php ) لتحميل الفئات تلقائيًا عند استخدامها.

يتيح لك تشغيل هذا الأمر إضافة جميع الفئات الضرورية المدرجة في ملف composer.json إلى المشروع.

هذا كل شيء! أنت الآن جاهز لبدء تلقي عمليات إرسال النماذج عبر البريد الإلكتروني.

Frontend Mentor - مكون مقدمة مع حل نموذج التسجيل

هذا هو الحل لمكون المقدمة مع تحدي نموذج التسجيل في Frontend Mentor. تساعدك تحديات Frontend Mentor على تحسين مهاراتك في البرمجة من خلال بناء مشاريع واقعية.