Real-Time Oil Price WebSocket

Native WebSocket, no dependencies

const token = 'YOUR_API_KEY';
const ws = new WebSocket(
  `wss://api.oilpriceapi.com/cable?token=${encodeURIComponent(token)}`,
  ['actioncable-v1-json']
);

ws.addEventListener('message', (event) => {
  const frame = JSON.parse(event.data);

  if (frame.type === 'welcome') {
    ws.send(JSON.stringify({
      command: 'subscribe',
      identifier: JSON.stringify({ channel: 'EnergyPricesChannel' })
    }));
    return;
  }

  if (frame.type === 'reject_subscription') {
    console.error('This key does not include WebSocket access');
    return;
  }

  if (frame.type === 'ping') return;
  if (frame.message) console.log('Price update:', frame.message);
});

With the ActionCable client

// npm install @rails/actioncable
import { createConsumer } from '@rails/actioncable';

const cable = createConsumer(
  `wss://api.oilpriceapi.com/cable?token=${encodeURIComponent(apiKey)}`
);

cable.subscriptions.create('EnergyPricesChannel', {
  received(data) {
    console.log('Received:', data);
  },
});

Payload format, reconnect and backfill patterns are in the WebSocket guide.