โมดูล Custom SMTP เพิ่มความสามารถในการส่งข้อความอีเมลในแอปพลิเคชัน
การติดตั้งและการกำหนดค่า
หากต้องการติดตั้งโมดูลนี้ในโปรเจ็กต์ ให้ไปที่ส่วน Modules และค้นหา Custom SMTP
หลังการติดตั้ง จำเป็นต้องตั้งค่าฟิลด์ต่อไปนี้:
- Login (จำเป็น) - ที่อยู่อีเมลที่จะใช้สำหรับส่งอีเมล
- Password (จำเป็น) - รหัสผ่านจากที่อยู่อีเมลที่เลือก
- Server address (จำเป็น) - ที่อยู่เซิร์ฟเวอร์ที่ใช้สำหรับส่งอีเมล โดยค่าเริ่มต้น: smtp.gmail.com ( Gmail )
- Server port (จำเป็น) - หมายเลขพอร์ตของที่อยู่เซิร์ฟเวอร์ที่เลือก โดยค่าเริ่มต้น: 587 ( Gmail )
- Use TLS (ไม่จำเป็น) - โปรโตคอลความปลอดภัยเลเยอร์การขนส่ง ถูกปิดโดยปริยาย
- From Name (ไม่จำเป็น) - ชื่อผู้ส่งที่จะใช้เป็นค่าเริ่มต้น
BP ต่อไปนี้ถูกสร้างขึ้นตามค่าเริ่มต้นสำหรับการใช้งานแบ็กเอนด์:
- Custom SMTP: Send email - ส่งอีเมลตามฟิลด์ที่กำหนด:
- Subject [ string ] - หัวเรื่องอีเมล;
- Body [ text ] - เนื้อความอีเมล;
- To [ email array ] - อาร์เรย์อีเมลของผู้รับ
- Сс [ email array ] - อาร์เรย์ของอีเมลในสำเนา
- From_name [ string ] - ชื่อผู้ส่ง;
- Bcc [ email array ] - อาร์เรย์ของเครื่องรับสำเนาลับ
ตัวอย่างการใช้งาน
ต่อไปนี้คือตัวอย่างง่ายๆ ของการส่งอีเมลพื้นฐานพร้อมข้อความที่กำหนดไปยังอีเมลที่เลือกเมื่อกดปุ่ม
เราจะใช้การตั้งค่าเริ่มต้นของ Gmail ในตัวอย่างนี้ ก่อนอื่นต้องเตรียมบัญชี Gmail สำหรับการส่งอีเมลผ่านแอปพลิเคชันของบุคคลที่สาม:
- เปิดการตั้งค่าบัญชี Gmail
- ไปที่แท็บการ Forwarding and POP/IMAP
- สลับ IMAP Access ;
- บันทึกการเปลี่ยนแปลง
จากนั้นติดตั้งโมดูล Custom SMTP ในโครงการของคุณและกำหนดค่าตามนั้น
เมื่อกำหนดค่าโมดูลแล้วให้สร้างจุด Endpoint สำหรับ Custom SMTP: Send email กระบวนการทางธุรกิจ:
- สร้างกลุ่ม Endpoint ใหม่
- สร้างอินสแตนซ์ปลายทางใหม่ในกลุ่มที่สร้างขึ้นใหม่
- ตั้งค่าตามภาพด้านล่าง
หลังจากนั้น คุณสามารถเริ่มสร้างส่วนหน้าของแอปพลิเคชันได้ ในตัวอย่างนี้การออกแบบจะมีลักษณะตามภาพด้านล่าง
อีเมลจะถูกส่งเมื่อคลิกปุ่ม ( 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 กระบวนการทางธุรกิจในแบ็กเอนด์