Contoh JavaScript

Panduan Integrasi WebSocket

Contoh lengkap mengintegrasikan data pasaran masa nyata menggunakan API WebSocket JavaScript asli.

1

Wujudkan Sambungan

Cipta instance WebSocket untuk menyambung ke pelayan data pasaran

ConnectionJavaScript
1 2 3 const socket = new WebSocket( 'wss://api.zzztech.com.tw/ws/v1/symbol/quote?wsToken=**********' );
2

Langgan Simbol

Hantar permintaan langganan dalam acara open selepas sambungan diwujudkan

SubscribeJavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 // provider: US (美股), Taiwan (台股), Binance (加密貨幣) socket.addEventListener('open', function (event) { // 訂閱美股 AAPL socket.send(JSON.stringify({ event: 'subscribe', data: { symbol: 'AAPL', provider: 'US' } })); // 訂閱台股 2330 socket.send(JSON.stringify({ event: 'subscribe', data: { symbol: '2330', provider: 'Taiwan' } })); // 訂閱比特幣(現貨) socket.send(JSON.stringify({ event: 'subscribe', data: { symbol: 'BTCUSDT', provider: 'Binance', market: 'Client' } })); });
3

Terima Data

Dengar acara message untuk menerima data pasaran masa nyata

ListenJavaScript
1 2 3 4 socket.addEventListener('message', function (event) { const data = JSON.parse(event.data); console.log('Received:', data); });
4

Nyahlangganan

Hantar permintaan nyahlangganan untuk berhenti menerima data bagi simbol tertentu

UnsubscribeJavaScript
1 2 3 4 socket.send(JSON.stringify({ event: 'unsubscribe', data: { symbol: 'BTCUSDT', provider: 'Binance' } }));
5

Tanya Langganan

Tanya senarai simbol yang sedang dilanggan

QueryJavaScript
1 2 3 socket.send(JSON.stringify({ event: 'subscriptionList' }));

Tip Pembangunan

Gantikan wsToken dengan token sebenar anda

Pilihan penyedia: US (Saham AS), Taiwan (Saham Taiwan), Binance (Mata Wang Kripto)

Binance memerlukan penentuan pasaran: Client (Spot) atau FutureClient (Futures)

Masih terkandas?

Beritahu kami langkah mana anda berada dan kami akan bantu anda