ไลบรารีไคลเอนต์

JavaScript แบบเรียลไทม์ด้วย WebSocket

เบราว์เซอร์ React, Vue และ React Native ด้วยไลบรารี pusher-js อย่างเป็นทางการ

ลงชื่อเข้าใช้เพื่อดูโค้ดตัวอย่างเหล่านี้พร้อมโฮสต์คลัสเตอร์ของคุณเอง ลงชื่อเข้าใช้

ใช้เอเจนต์เขียนโค้ด AI อยู่ใช่ไหม? คัดลอกพรอมต์สำหรับเอเจนต์ ↓

1. ติดตั้ง

   npm install pusher-js

2. สมัครรับข้อมูลช่อง

   import Pusher from 'pusher-js';
   
   const pusher = new Pusher('YOUR_APP_KEY', {
     cluster: 'ap',
     wsHost: 'ws.hibira.io',
     wsPort: 443,
     wssPort: 443,
     forceTLS: true,
     enabledTransports: ['ws', 'wss'],
     // Private and presence channels
     channelAuthorization: { endpoint: '/broadcasting/auth', transport: 'ajax' },
   });
   
   const channel = pusher.subscribe('orders');
   channel.bind('order-shipped', (data) => {
     console.log('Order shipped', data);
   });

ใช้ app key และ secret จากแดชบอร์ดของคุณ ช่อง อีเวนต์ และ endpoint การยืนยันสิทธิ์ทำงานเหมือนกับที่ใช้กับ Pusher ทุกประการ ข้อมูลอ้างอิงไลบรารี ↗