Back to Wails

WebSocket API Demo

v3/examples/web-apis/websocket/frontend/index.html

2.13.01.2 KB
Original Source

WebSocket API Demo

WebSocket provides full-duplex communication channels over a single TCP connection, enabling real-time data exchange between client and server.

WebSocket: Disconnected

Connection

WebSocket URL

ConnectDisconnect

Try: wss://echo.websocket.org (echo server) or wss://ws.postman-echo.com/raw

Send Message

Message Send

Messages

Clear

Connect to a WebSocket server to start...

WebSocket API Reference

// Create connection const ws = new WebSocket('wss://example.com/socket'); // Connection opened ws.onopen = (event) => { console.log('Connected'); ws.send('Hello Server!'); }; // Listen for messages ws.onmessage = (event) => { console.log('Received:', event.data); }; // Connection closed ws.onclose = (event) => { console.log('Disconnected', event.code, event.reason); }; // Error handling ws.onerror = (error) => { console.error('WebSocket error:', error); }; // Send data ws.send('text message'); ws.send(new Blob(['binary data'])); ws.send(new ArrayBuffer(8)); // Close connection ws.close(1000, 'Normal closure'); // Properties ws.readyState // 0=CONNECTING, 1=OPEN, 2=CLOSING, 3=CLOSED ws.bufferedAmount // Bytes queued for transmission ws.protocol // Selected sub-protocol ws.url // WebSocket URL