การทำ Automation จาก Webhook ด้วย Activepieces

ใน Feature ที่มีความซับซ้อนและไม่เกี่ยวกับการบันทึกข้อมูล เราจะใช้ No-Code Automation Tools ในการช่วยจัดการแทน โดยทางเราแนะนำให้ใช้ Activepieces เพราะเป็น No-Code Automation ที่ใช้งานได้ฟรี 10 Project แบบไม่มีเงื่อนไข

แจกโปรแกรม No-Code ฟรี ‘Activepieces’ ช่วยลดงานซ้ำซ้อนในงานรูทีนให้เสร็จไวขึ้น อัปเดตล่าสุดปี 2025

Webhook คืออะไร เหมาะกับงาน Automation ยังไง ?

Webhook คือเทคนิคที่ทำให้ Application ทำงานต่อกับอีก Application นึงแบบ Real-time เมื่อมีเหตุการณ์เกิดขึ้น ในกรณีนี้ที่เราจะใช้คือ เมื่อกดปุ่ม A ที่ Web App ให้ทำ B โดยการเรียกใช้งานผ่าน Webhook

ทำไม Webhook ถึงเหมาะกับ Automation?

• ทันทีทันใด — ทำงานเมื่อมี Event จริงๆ ไม่ต้องรอ Schedule
• ประหยัด Resource — ไม่ต้องส่ง Request ซ้ำๆ โดยไม่จำเป็น
• ยืดหยุ่น — รองรับการส่งข้อมูลได้หลากหลายรูปแบบ เช่น JSON, Form Data
• เชื่อมต่อได้ทุกระบบ — ไม่ว่าจะเป็น App ที่สร้างเอง, E-commerce, CRM หรือแม้แต่ AI Chatbot

การใช้งาน Webhook ใน Activepieces

รับ Request จาก App ด้วย Catch Webhook Node

Catch Webhook คือ Node ตัวแรกที่ใช้รับข้อมูลขาเข้าใน Flow ของ Activepieces โดย Activepieces จะสร้าง URL ให้อัตโนมัติในรูปแบบ: https://cloud.activepieces.com/api/v1/webhooks/<flow-id>

โดยเราสามารถตั้งค่าเพิ่มเติมได้ดังนี้

• เพิ่ม /test เพื่อใช้สำหรับทดสอบในขณะที่กำลังพัฒนา Flow เท่านั้น จะไม่ trigger Flow จริง แต่จะบันทึก Request ล่าสุดเพื่อใช้เป็น Sample Data ใน Flow Editor
  ตัวอย่าง https://cloud.activepieces.com/api/v1/webhooks/<flow-id>/test
• เพิ่ม /sync เพื่อใช้สำหรับProduction และรองรับการรอรับ Response กลับ (Synchronous) เมื่อ App ของคุณต้องการผลลัพธ์จาก Automation เช่น รอข้อมูลจากการถาม AI
  ตัวอย่าง https://cloud.activepieces.com/api/v1/webhooks/<flow-id>/sync

ใช้ Webhook ยังไงให้ปลอดภัยมากขึ้น

Webhook URL ที่เปิด Public อาจถูก Abuse ได้ Activepieces รองรับการเพิ่มความปลอดภัยด้วยการตั้งค่า:

• Header-based Authentication — ตรวจสอบ Secret Token ใน Request Header เช่น X-Api-Key: your-secret

การส่ง Request เข้าไปใน Webhook

Prompt สำหรับการส่งข้อมูลไปที่ Webhook

When user <do-something>, it should call the following webhook to dispatch <body-data>: https://cloud.activepieces.com/.... 

ตัวอย่างการใช้งานจริง

When user submits the contact form, it should call the following webhook 
to dispatch { name, email, message, timestamp }:
https://cloud.activepieces.com/api/v1/webhooks/abc123

Node อื่น ที่ทำงานเมื่อได้รับ Webhook Request

หลังจาก Catch Webhook รับข้อมูลมาแล้ว คุณสามารถต่อ Node ต่างๆ เพื่อประมวลผลต่อได้ทันที ตัวอย่าง Usecase ที่พบบ่อย:

1. การส่ง Email อัตโนมัติ
2. การติดต่อ LLM Chat (ต้องใช้ API Key)
3. การบันทึกข้อมูลลง Google Sheet

ส่งข้อมูลกลับไปหา App ด้วย Return Response Node (ส่วนเสริม)

Return Response Node คือ Node สุดท้ายที่ใช้ส่งข้อมูลตอบกลับไปหา App ที่เรียก Webhook ส่วนใหญ่ส่งคืนเป็น JSON เพื่อให้ App นำไปประมวลผลต่อได้ง่าย:

ข้อกำหนดสำคัญ:
ต้องใช้ /sync Endpoint เท่านั้น ถึงจะได้รับ Response กลับ — หากใช้ URL ปกติ App จะได้รับแค่ 202 Accepted และไม่มีข้อมูลส่งคืน