Grow with AppMaster Grow with AppMaster.
Become our partner arrow ico

การกำหนดค่าโมดูล SMTP แบบกำหนดเอง

การกำหนดค่าโมดูล SMTP แบบกำหนดเอง

โมดูล SMTP แบบกำหนดเองจะเพิ่มการตั้งค่าพื้นฐานเพื่อให้คุณส่งอีเมลได้โดยตรงจากแอปพลิเคชันของคุณ

หากต้องการให้แบบฟอร์มส่งจดหมายปรากฏในแอปพลิเคชัน คุณต้องเพิ่มการตั้งค่าที่ขาดหายไปและองค์ประกอบที่จำเป็น อัลกอริทึมของการกระทำจะเป็นดังนี้:

  1. เพิ่มหน้าหรือหน้าต่างที่จะวางแบบฟอร์มจดหมาย
  2. เชื่อมต่อโมดูล เพิ่มพารามิเตอร์เซิร์ฟเวอร์ SMTP เข้าไป รวมทั้งชื่อผู้ใช้และรหัสผ่านของคุณ
  3. สร้างกระบวนการทางธุรกิจ ปลายทาง และแบบฟอร์มที่เกี่ยวข้องกับโมดูล

มาแสดงวิธีการทำสิ่งนี้ในเว็บแอปพลิเคชันโดยใช้บริการอีเมล Gmail เป็นตัวอย่าง

สร้างเพจ

ไปที่ตัวแก้ไขและสร้างหน้าใหม่ที่คุณจะโพสต์ ระบุชื่อเพจของคุณ ("ชื่อ") ที่อยู่ ("URL ของหน้า") และกลุ่มผู้ใช้ที่สามารถส่งข้อความ ("แสดงสำหรับกลุ่ม") คลิก "บันทึก"

บันทึกการเปลี่ยนแปลงของคุณและไปที่บล็อกโมดูล

การเพิ่มและกำหนดค่าโมดูล

ค้นหาโมดูล SMTP แบบกำหนดเองในแท็บ Marketplace และคลิกปุ่มติดตั้งเพื่อเพิ่มลงในแอปพลิเคชัน

ไปที่แท็บ "ติดตั้งแล้ว" ซึ่งเป็นที่ตั้งของโมดูลทั้งหมดที่ติดตั้งในแอปพลิเคชันของคุณ และคลิกที่กล่อง "SMTP ที่กำหนดเอง" เพื่อเปิดการตั้งค่า ข้อมูลพื้นฐานเกี่ยวกับโมดูลและปุ่มสำหรับลบออกจากแอปพลิเคชันจะแสดงอยู่ทางด้านซ้าย ทางด้านขวาเป็นช่องที่คุณต้องกรอก:

  1. ในฟิลด์ "เข้าสู่ระบบ" และ "รหัสผ่าน" ป้อนข้อมูลของกล่องจดหมายที่คุณจะส่งข้อความ
  2. ระบุการตั้งค่าการเชื่อมต่อ SMTP ซึ่งแตกต่างกันไปตามแต่ละบริการอีเมล โดยค่าเริ่มต้น การตั้งค่า Gmail จะถูกเพิ่มลงในโมดูล
  3. ในช่อง "จากชื่อ" ให้ป้อนชื่อที่จะแสดงต่อผู้รับจดหมายของคุณ

สำคัญ! ในการส่งข้อความผ่าน Gmail คุณต้องเปิดใช้งานแอปพลิเคชันบุคคลที่สามในบัญชี Google ของคุณ

สำหรับข้อมูลเพิ่มเติมว่าโมดูลคืออะไร วิธีอัปเดตและปรับแต่งโมดูล โปรดดูเอกสารประกอบของ เรา

อย่าลืมบันทึกการเปลี่ยนแปลงของคุณ

การสร้างกระบวนการทางธุรกิจ จุดปลาย และแบบฟอร์ม

กระบวนการทางธุรกิจ จุดปลาย และแบบฟอร์มเป็นองค์ประกอบที่สัมพันธ์กันซึ่งมีความสำคัญในการตั้งค่าอย่างสม่ำเสมอ โดยการโต้ตอบกัน พวกเขาจะเสร็จสิ้นการกำหนดค่าแอปพลิเคชันของคุณ - และแบบฟอร์มสำหรับการส่งข้อความจะปรากฏขึ้นบนหน้า

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับองค์ประกอบเหล่านี้ได้ใน เอกสารประกอบ ของ เรา

กระบวนการทางธุรกิจ

ไปที่แท็บ "ตรรกะทางธุรกิจ" และคลิกที่ปุ่มเพื่อสร้างกระบวนการทางธุรกิจใหม่

ป้อนชื่อของกระบวนการ (จำเป็น) คำอธิบาย (ไม่บังคับ) แล้วคลิกปุ่ม "สร้าง"

แต่ละกระบวนการทางธุรกิจในตัวแก้ไขจะถูกแบ่งออกเป็นกลุ่มต่างๆ อย่างชัดเจน ซึ่งเป็นส่วนประกอบที่รับผิดชอบหน้าที่ต่างๆ เมื่อมีการสร้างกระบวนการใหม่ "เริ่ม" และ "สิ้นสุด" จะปรากฏขึ้นโดยอัตโนมัติ บล็อกอื่นๆ ทั้งหมดที่คุณสามารถเพิ่มได้จะแสดงทางด้านซ้าย

หลังการติดตั้ง โมดูล "Custom SMTP" ได้เพิ่ม "SMTP ที่กำหนดเอง: ส่งอีเมล" ลงในรายการนี้ เมื่อต้องการรวมบล็อกนี้ในกระบวนการทางธุรกิจ ให้ลากไปยังฟิลด์ตัวแก้ไขโดยใช้ตัวชี้เมาส์ หน้าต่าง "SMTP ที่กำหนดเอง: ส่งอีเมล" จะปรากฏขึ้น ฟิลด์ที่มีตัวแปรซึ่งเนื้อหาของแบบฟอร์มการส่งข้อความในอนาคตของคุณจะขึ้นอยู่กับ:

  • "เรื่อง" - เรื่องของจดหมาย;
  • "ร่างกาย" - ฟิลด์ที่มีข้อความของจดหมาย
  • "ถึง" - ที่อยู่ของผู้รับ;
  • "Cc" - ที่อยู่สำหรับส่งสำเนา
  • "จากชื่อ" - ชื่อของผู้ส่ง
  • "สำเนาลับ" คือที่อยู่สำหรับส่งสำเนาตาบอด

ตอนนี้ คุณต้องเชื่อมโยง "เริ่ม", "SMTP ที่กำหนดเอง: ส่งอีเมล" และ "สิ้นสุด" - เพื่อแสดงว่าเป็นกระบวนการทางธุรกิจเดียว:

1. เลื่อนตัวชี้เมาส์ไปที่ช่อง "เริ่ม" ในบล็อก "เริ่ม" กดปุ่มซ้ายของเมาส์ค้างไว้ แล้วปัดไปที่ช่อง "ใน" ในช่อง "SMTP ที่กำหนดเอง: ส่งอีเมล" - การเชื่อมต่อจะเกิดขึ้นระหว่าง บล็อก

2. ในทำนองเดียวกัน ให้สร้างลิงก์ระหว่างช่อง "ออก" ของบล็อก "SMTP ที่กำหนดเอง: ส่งอีเมล" และช่อง "สิ้นสุด" ของบล็อก "สิ้นสุด"

ตอนนี้ในบล็อก "เริ่ม" คุณต้องสร้างฟิลด์ใหม่ (ตัวแปร) และเชื่อมโยงกับตัวแปรในบล็อก "SMTP ที่กำหนดเอง: ส่งอีเมล" ช่องที่คุณเพิ่มลงในบล็อก "เริ่ม" จะปรากฏในแบบฟอร์มการส่งข้อความของคุณ ลองนึกภาพว่าคุณจะไม่ส่งสำเนาและสำเนาลับ ดังนั้นบล็อก "เริ่ม" จะมีฟิลด์ต่อไปนี้:

  • “ผู้ส่ง” (ชื่อผู้ส่ง) - เกี่ยวข้องกับ from_name;
  • "ที่อยู่" (ที่ส่งไป) - เกี่ยวข้องกับ "ถึง";
  • "เรื่อง" (หัวข้อ); - เกี่ยวข้องกับ "หัวเรื่อง" (ชื่อตัวแปรในบล็อกต่างๆ อาจเหมือนกัน)
  • "ข้อความ" (ข้อความในจดหมาย) - เกี่ยวข้องกับ "เนื้อหา"

ในการผูกตัวแปรจะต้องจับคู่กันในประเภท ประเภทของตัวแปรสามารถดูได้โดยคลิกที่บล็อกที่มีอยู่และเปิดเมนูแก้ไข


ในฟิลด์ของบล็อก ถัดจากตัวแปรแต่ละตัวจะมีไอคอน สี และรูปร่างซึ่งขึ้นอยู่กับประเภทของมัน - เพื่อให้ง่ายต่อการนำทางในตัวแปร ในตัวอย่างของเรา มีตัวแปรสองประเภท:

  • "Subject", "body" และ "from_name" เป็นประเภท "String"
  • ถึง cc และ bcc เป็นประเภท Email Array

การสร้างตัวแปร

ในการสร้างตัวแปรแรกในบล็อก "เริ่ม" ให้คลิกที่มัน - รายการจะปรากฏขึ้น (ในขณะที่ว่างเปล่า) คลิกที่ "+"

ในหน้าต่างที่เปิดขึ้น ให้ป้อนชื่อของตัวแปร: ชื่อ "ผู้ส่ง" พิมพ์ "สตริง" คลิก "สร้าง"

Try AppMaster no-code today!
Platform can build any web, mobile or backend application 10x faster and 3x cheaper
Start Free

เพิ่ม "ที่อยู่", "เรื่อง" และ "ข้อความ" ในทำนองเดียวกัน ตอนนี้รายการตัวแปรในบล็อก "เริ่ม" มีลักษณะดังนี้:

เชื่อมโยงไปยังตัวแปรที่เกี่ยวข้องในบล็อก SMTP ที่กำหนดเอง: ส่งอีเมล:

นี่คือลักษณะความสัมพันธ์ระหว่างตัวแปรในท้ายที่สุด บันทึกการเปลี่ยนแปลงของคุณและดำเนินการสร้างปลายทาง

ปลายทาง

คลิก "สร้างจุดสิ้นสุด" - คุณจะพบว่าตัวเองอยู่ในการตั้งค่าบนแท็บ "ตรรกะทางธุรกิจ" ที่นี่คุณต้องระบุการตั้งค่าต่อไปนี้:

  • "เส้นทางปลายทาง" - ชื่อของปลายทางซึ่งคุณจะเข้าใจหน้าที่ของมัน
  • "กลุ่มปลายทาง" - ชื่อของกลุ่มที่จะตั้งอยู่
  • "ประเภทคำขอ" - เลือก "โพสต์";
  • "กระบวนการทางธุรกิจ" - เลือกกระบวนการทางธุรกิจ send_email ที่คุณสร้างขึ้น

จากนั้นไปที่แท็บ "มิดเดิลแวร์"

บนแท็บ "มิดเดิลแวร์" คุณต้องกำหนดค่าสิทธิ์ในการดำเนินการกับปลายทางนี้ (และด้วยเหตุนี้ เพื่อเริ่มต้นกระบวนการทางธุรกิจที่เกี่ยวข้อง) กล่าวคือ คุณจะต้องระบุว่าใครสามารถส่งอีเมลจากใบสมัครของคุณได้ ในการดำเนินการนี้ คุณต้องเปลี่ยนการตั้งค่าของโทเค็นการให้สิทธิ์ "Token Auth"

ความสนใจ! หากการตั้งค่านี้ไม่เปลี่ยนแปลง ผู้ใช้ทุกคนจะมีสิทธิ์ส่งอีเมลได้!

คลิกที่ไอคอนรูปเฟืองถัดจาก "Token Auth" ในหน้าต่างที่เปิดขึ้น ให้เปิดตัวเลือก ในช่อง "กลุ่มที่อนุญาต" เลือกกลุ่ม "ผู้ดูแลระบบ" (หรือกลุ่มอื่นที่คุณต้องการให้สิทธิ์เข้าถึง) คลิก "บันทึก"


ตอนนี้บันทึกปลายทางโดยคลิก "สร้าง"

มีการกำหนดค่ากระบวนการส่งข้อความ ตอนนี้คุณสามารถสร้างการแสดงภาพของแบบฟอร์มการส่งข้อความ

รูปร่าง

หากต้องการสร้างฟอร์ม ให้กลับไปที่ตัวแก้ไขแอปพลิเคชันเว็บ ไปที่แท็บที่คุณสร้างไว้ก่อนหน้านี้ ลากองค์ประกอบแบบฟอร์มลงบนผืนผ้าใบของหน้า

ในหน้าต่างที่เปิดขึ้น คลิก "สร้างระเบียน" รายการปลายทางที่พร้อมใช้งานจะแสดงในช่อง "บันทึกระเบียนไปที่" - เลือกรายการที่คุณเพิ่งสร้างขึ้น คลิก "กำหนด"

รูปร่างที่คุณสร้างจะปรากฏบนผืนผ้าใบ คลิกรูปเฟืองเพื่อไปที่การตั้งค่า

ในแท็บ "ดูและค่าธรรมเนียม" ให้ป้อนชื่อสำหรับแบบฟอร์มในช่อง "ชื่อ" ที่นี่คุณยังสามารถเปลี่ยนรูปลักษณ์และดูชื่อที่บันทึกไว้ในการตั้งค่าได้อีกด้วย

บนแท็บ "ข้อมูล" - ข้อมูลเกี่ยวกับโหมดของแบบฟอร์มและปลายทาง นอกจากนี้ คุณสามารถเปลี่ยนตำแหน่งของฟิลด์ได้โดยการย้ายให้สัมพันธ์กัน

จัดเรียงฟิลด์ตามลำดับตรรกะ: ผู้ส่ง, ที่อยู่, หัวเรื่อง, ข้อความ หากต้องการเปลี่ยนการตั้งค่าโดยละเอียดสำหรับแต่ละฟิลด์ (เช่น ชื่อฟิลด์) - คลิกที่ไอคอนรูปเฟืองข้างๆ คลิก "บันทึก" เพื่อบันทึกการเปลี่ยนแปลงของคุณ

การเพิ่มปุ่มสำหรับแบบฟอร์ม

เพื่อให้แบบฟอร์มใช้งานได้ คุณต้องเพิ่มปุ่มยืนยันการส่ง ใช้องค์ประกอบ "ปุ่ม" - ลากด้วยตัวชี้เมาส์ไปยังพื้นที่ด้านล่างแบบฟอร์ม

เปิดการตั้งค่าปุ่มโดยคลิกที่มัน บนแท็บ "รูปลักษณ์และความรู้สึก" ให้เปลี่ยน "ป้ายกำกับ" (ชื่อของปุ่มที่จะมองเห็นได้ในแอปพลิเคชัน) และ "ชื่อ" (ชื่อที่จะแสดงในการตั้งค่า)

บนแท็บ "ทริกเกอร์" เพิ่มการดำเนินการให้กับทริกเกอร์ onClick: ในช่อง "เป้าหมาย" เลือกแบบฟอร์มของคุณในฟิลด์ "การดำเนินการ" เลือก "ส่งแบบฟอร์ม" คลิก "บันทึก"

การเก็บรักษา การเผยแพร่ และการตรวจสอบ

บันทึกการเปลี่ยนแปลงทั้งหมดที่ทำ เผยแพร่ คลิกที่ไปที่ไอคอนแอปพลิเคชัน

ป้อนข้อมูลเพื่อส่งข้อความ หากคุณเว้นฟิลด์ผู้ส่งว่างไว้ ชื่อที่คุณป้อนในการตั้งค่าโมดูลจะถูกเพิ่มโดยอัตโนมัติ ส่งข้อความทดสอบไปยังที่อยู่อีเมลที่คุณสามารถเข้าถึงได้

หลังจากส่งแล้ว ข้อความยืนยันจะปรากฏขึ้น และจดหมายที่มีข้อมูลที่ระบุจะปรากฏที่ผู้รับในโฟลเดอร์กล่องขาเข้า

หากคุณทำทุกอย่างตามคำแนะนำ แต่แทนที่จะยืนยันว่ามีข้อผิดพลาดปรากฏขึ้นหรือจดหมายไปสิ้นสุดในโฟลเดอร์ "สแปม" ให้เขียนไปที่ช่องทางโทรเลขของฝ่ายสนับสนุนด้านเทคนิคของเรา


กระทู้ที่เกี่ยวข้อง

หลักพื้นฐานของการเขียนโปรแกรมด้วย Visual Basic: คู่มือสำหรับผู้เริ่มต้น
หลักพื้นฐานของการเขียนโปรแกรมด้วย Visual Basic: คู่มือสำหรับผู้เริ่มต้น
สำรวจการเขียนโปรแกรม Visual Basic ด้วยคู่มือสำหรับผู้เริ่มต้นเล่มนี้ ซึ่งครอบคลุมแนวคิดและเทคนิคพื้นฐานสำหรับการพัฒนาแอปพลิเคชันอย่างมีประสิทธิภาพและมีประสิทธิผล
PWA ช่วยเพิ่มประสิทธิภาพและประสบการณ์ผู้ใช้บนอุปกรณ์พกพาได้อย่างไร
PWA ช่วยเพิ่มประสิทธิภาพและประสบการณ์ผู้ใช้บนอุปกรณ์พกพาได้อย่างไร
สำรวจว่า Progressive Web Apps (PWA) ปรับปรุงประสิทธิภาพอุปกรณ์เคลื่อนที่และประสบการณ์ของผู้ใช้ได้อย่างไร โดยผสานการเข้าถึงของเว็บกับฟังก์ชันคล้ายแอปเพื่อการมีส่วนร่วมที่ราบรื่น
การสำรวจข้อได้เปรียบด้านความปลอดภัยของ PWA สำหรับธุรกิจของคุณ
การสำรวจข้อได้เปรียบด้านความปลอดภัยของ PWA สำหรับธุรกิจของคุณ
สำรวจข้อได้เปรียบด้านความปลอดภัยของ Progressive Web Apps (PWA) และทำความเข้าใจว่าสิ่งเหล่านี้สามารถปรับปรุงการดำเนินธุรกิจของคุณ ปกป้องข้อมูล และมอบประสบการณ์ผู้ใช้ที่ราบรื่นได้อย่างไร
เริ่มต้นฟรี
แรงบันดาลใจที่จะลองสิ่งนี้ด้วยตัวเอง?

วิธีที่ดีที่สุดที่จะเข้าใจถึงพลังของ AppMaster คือการได้เห็นมันด้วยตัวคุณเอง สร้างแอปพลิเคชันของคุณเองในไม่กี่นาทีด้วยการสมัครสมาชิกฟรี

นำความคิดของคุณมาสู่ชีวิต