แอพตัวอย่าง
เราขอนำเสนอแอพตัวอย่างบน GitHub ซึ่งคุณสามารถตั้งค่าและปรับเปลี่ยนการใช้งาน หรือใช้เพื่อทดสอบการกำหนดค่า Webhooks อย่างรวดเร็วได้
การตั้งค่าแอพตัวอย่าง
เราจะมาดูวิธีการตั้งค่าแอพตัวอย่างบน Heroku กัน:
- สร้างบัญชี Heroku ฟรี หากคุณยังไม่มีบัญชีดังกล่าว จากนั้นให้ลงชื่อเข้าใช้
- ในขณะที่ลงชื่อเข้าใช้ ให้ไปที่ GitHub และปรับใช้แอพกับ Heroku ชื่อแอพที่คุณเลือกจะเป็นส่วนหนึ่งใน URL การเรียกกลับของคุณ ดังนั้นให้เลือกชื่อที่คุณจะจำได้ การปรับใช้จะใช้เวลาไม่กี่วินาที
- ในแท็บเบราว์เซอร์ใหม่ ให้ไปที่การตั้งค่าแดชบอร์ดของแอพของแอพคุณ แล้วคัดลอกข้อมูลลับของแอพดังกล่าว
- ในการตั้งค่าของแอพ Heroku ของคุณ ให้ตั้งค่าตัวแปรกำหนดค่า 2 รายการ ได้แก่
APP_SECRETและTOKENกำหนด (วาง) ข้อมูลลับของแอพคุณไปยังตัวแปรกำหนดค่าAPP_SECRETแล้วกำหนดสตริงทั้งหมดไปยังTOKENเราจะรวมสตริงนี้ไว้ในทุกๆ คำขอตรวจสอบยืนยัน เมื่อคุณกำหนดค่าผลิตภัณฑ์ Webhooks ในแดชบอร์ดของแอพ (แอพจะตรวจสอบความถูกต้องของคำขอด้วยตัวเอง)
แอพของคุณควรพร้อมใช้งานแล้วในตอนนี้ ก่อนที่คุณจะกลับไปยังแดชบอร์ดของแอพเพื่อกำหนดค่าผลิตภัณฑ์ Webhooks ให้ดำเนินการดังนี้
- ดูแอพ Heroku ของคุณในเว็บเบราว์เซอร์ คุณควรเห็นอาร์เรย์ว่าง (
[]) หน้านี้จะแสดงข้อมูลการแจ้งเตือนการอัพเดตที่เพิ่งได้รับ ดังนั้นให้โหลดซ้ำตลอดการทดสอบ - URL การเรียกกลับของแอพคุณจะเป็น URL ของแอพ Heroku ของคุณโดยมี
/facebookต่อท้ายอยู่ คุณต้องมี URL การเรียกกลับนี้ในระหว่างการกำหนดค่าผลิตภัณฑ์ของคุณ - คัดลอกค่า
TOKENที่คุณตั้งค่าไว้ข้างต้น โดยคุณจำเป็นต้องใช้ค่านี้ในระหว่างการกำหนดค่าผลิตภัณฑ์เช่นกัน
แอพตัวอย่าง Heroku มีอะไรบ้าง
แอพใช้ Node.js และแพ็คเกจเหล่านี้
body-parser(สำหรับการแยกวิเคราะห์ JSON)express(สำหรับเส้นทาง)express-x-hub(สำหรับการรองรับ SHA1)
การตรวจสอบยืนยันแอพตัวอย่าง
คุณสามารถตรวจสอบยืนยันได้อย่างง่ายดายว่าแอพตัวอย่างของคุณสามารถรับเหตุการณ์ Webhooks ได้
- ในส่วนผลิตภัณฑ์ Webhooks ในแดชบอร์ดของแอพของคุณ ให้คลิกปุ่มทดสอบสำหรับช่อง Webhook ทั้งหมด
- กล่องโต้ตอบป๊อปอัพจะปรากฏขึ้นเพื่อแสดงตัวอย่างของสิ่งที่จะส่ง คลิกส่งไปยังเซิร์ฟเวอร์ของฉัน
- ตอนนี้คุณควรเห็นข้อมูล Webhook ที่ URL ของแอพ Heroku หรือใช้
curl https://<your-subdomain>.herokuapp.comในหน้าต่างเทอร์มินัล