تضيف وحدة Custom SMTP القدرة على إرسال رسائل البريد الإلكتروني في التطبيق.

التثبيت والتكوين

لتثبيت هذه الوحدة في المشروع ، انتقل إلى قسم Modules وابحث عن Custom SMTP .

smtp_install

بعد التثبيت ، يجب إعداد الحقول التالية:

  • Login (مطلوب) - عنوان البريد الإلكتروني الذي سيتم استخدامه لإرسال رسائل البريد الإلكتروني.
  • Password (مطلوب) - كلمة المرور من عنوان البريد الإلكتروني المحدد.
  • Server address (مطلوب) - خادم العنوان الذي يستخدم لإرسال رسائل البريد الإلكتروني. افتراضيًا: smtp.gmail.com ( Gmail ).
  • Server port (مطلوب) - رقم المنفذ لعنوان الخادم المحدد. افتراضيًا: 587 ( Gmail ).
  • Use TLS (غير مطلوب) - بروتوكول أمان طبقة النقل. تم إيقاف تشغيله افتراضيًا.
  • From Name (غير مطلوب) - يتم استخدام اسم المرسل افتراضيًا.

module_settings

يتم إنشاء BP التالي افتراضيًا لاستخدام الواجهة الخلفية:

  • Custom SMTP: Send email - أرسل بريدًا إلكترونيًا وفقًا للحقول المحددة:
    • Subject [ string ] - موضوع البريد الإلكتروني ؛
    • Body [ text ] - نص البريد الإلكتروني ؛
    • To [ email array ] - مجموعة من رسائل البريد الإلكتروني الخاصة بالمستلم ؛
    • Сс [ email array ] - مجموعة من رسائل البريد الإلكتروني في نسخة ؛
    • From_name [ string ] - اسم المرسل ؛
    • Bcc [ email array ] - مجموعة من مُستقبلات النسخ المخفية ؛

custom_smtp_send_email

مثال على الاستخدام

فيما يلي مثال بسيط على إرسال بريد إلكتروني أساسي مع النص المحدد إلى البريد الإلكتروني المحدد عند الضغط على الزر.

سنستخدم إعدادات Gmail الافتراضية في هذا المثال. بادئ ذي بدء ، يلزم إعداد حساب Gmail لإرسال رسائل البريد الإلكتروني عبر تطبيقات الطرف الثالث:

  • افتح إعدادات حساب Gmail ؛
  • انتقل إلى علامة التبويب Forwarding and POP/IMAP ؛
  • التبديل إلى IMAP Access ؛
  • احفظ التغييرات ؛

example_1_gmail_settings

ثم قم بتثبيت وحدة Custom SMTP في مشروعك وقم بتكوينها وفقًا لذلك.

example_2_module_settings

بمجرد تكوين الوحدة ، قم بإنشاء Endpoint لـ Custom SMTP: Send email إلى العملية التجارية:

  • إنشاء مجموعة Endpoint جديدة ؛
  • إنشاء مثيل نقطة نهاية جديدة في المجموعة المنشأة حديثًا ؛
  • قم بإعداده كما في الصورة أدناه ؛

example_3_endpoint بعد ذلك ، يمكنك البدء في إنشاء الواجهة الأمامية للتطبيق. في هذا المثال ، يبدو التصميم كما في الصورة أدناه.

example_4_layout

يتم إرسال البريد الإلكتروني بمجرد النقر فوق الزر ( onClick ) وستبدو عملية الأعمال المقابلة كما يلي:

example_5_onClick

  • InputEmail Get Properties - احصل على عنوان البريد الإلكتروني للمستلم من مكون Input Email ؛
  • To Array - يحول عنوان البريد الإلكتروني إلى مجموعة من العناوين منذ Server request POST /sendemail/ يحصل على المصفوفات في الإدخال فقط ؛
  • InputText Get Properties - يحصل على نص البريد الإلكتروني من مكون Input Text ؛
  • Server request POST /sendemail/ - يحصل على القيم من مكونات الإدخال وينفذ Custom SMTP: Send email في الخلفية.
Was this article helpful?

AppMaster.io 101 حلقة دراسية مكثفة

10 وحدات
2 أسابيع

لست متأكدا من أين تبدأ؟ ابدأ في الدورة التدريبية المكثفة للمبتدئين واستكشف AppMaster من الألف إلى الياء.

ابدأ الدورة
Development it’s so easy with AppMaster!

هل تريد المزيد من المساعدة؟

حل أي مشكلة بمساعدة خبرائنا. وفر الوقت وركز على بناء تطبيقاتك.

headphones

اتصل بالدعم

أخبرنا عن مشكلتك ، وسنجد لك حلاً.

message

دردشة المجتمع

ناقش الأسئلة مع مستخدمين آخرين في محادثتنا.

الانضمام إلى المجتمع