โมดูล 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 จาก A ถึง Z

เริ่มหลักสูตร
Development it’s so easy with AppMaster!

ต้องการความช่วยเหลือเพิ่มเติมหรือไม่?

แก้ปัญหาด้วยความช่วยเหลือจากผู้เชี่ยวชาญของเรา ประหยัดเวลาและมุ่งเน้นที่การสร้างแอปพลิเคชันของคุณ

headphones

ติดต่อฝ่ายสนับสนุน

บอกเราเกี่ยวกับปัญหาของคุณ แล้วเราจะหาทางแก้ไขให้คุณ

message

ชุมชนแชท

สนทนาคำถามกับผู้ใช้รายอื่นในการแชทของเรา

เข้าร่วมชุมชน