ให้หน้าเว็บรู้ทันทีเมื่อข้อมูลเปลี่ยนโดยไม่ต้องกด refresh เริ่มจากเข้าใจว่า broadcasting ทำงานยังไง ตั้งค่า Reverb ฝั่ง Laravel จนขึ้น production แล้วต่อหน้าเว็บ Next.js ที่แยกอีกแอปเข้ามา
- 1
Broadcasting ใน Laravel คืออะไร
Broadcasting คือการส่ง event จาก Laravel ไปถึงหน้าเว็บที่เปิดอยู่ผ่าน WebSocket ทันทีที่มีอะไรเปลี่ยน แทนให้หน้าเว็บคอยถาม server ซ้ำ ๆ ทำงานด้วยสี่ชิ้น คือ event, queue worker, WebSocket server อย่าง Reverb และ Echo ในหน้าเว็บ
· อ่าน 5 นาที
- 2
วิธีตั้งค่า Laravel Broadcasting ด้วย Reverb ให้ใช้งานจริงได้
ติดตั้ง Reverb ด้วยคำสั่งเดียว แล้วตัดสินใจสามเรื่องก่อนขึ้น production คือ event จะส่งข้อมูลมาเลยหรือแค่สะกิดให้โหลดใหม่ ผู้ใช้จะฟัง channel ไหน และแยกทางเข้าของเบราว์เซอร์กับของ Laravel ออกจากกัน
· อ่าน 6 นาที
- 3
วิธีต่อ Next.js กับ Laravel Broadcasting ผ่าน Reverb
เบราว์เซอร์ต่อ Reverb เองโดยไม่ผ่าน Next.js server เลือกได้ระหว่าง hook ของ @laravel/echo-react หรือสร้าง Echo เองเมื่อต้องใช้นอก component ขอสิทธิ์ private channel ตามวิธีล็อกอินที่ใช้ และต้องมีทางโหลดข้อมูลใหม่ เพราะ Reverb ไม่ส่ง event ที่หลุดไปตอนสายขาดซ้ำให้
· อ่าน 6 นาที