socket.io on connection code example

Example 1: socket io script

<script src="/socket.io/socket.io.js"></script>
<script>
  const socket = io();
</script>

Example 2: js socket.emit

const socket = io('ws://localhost:3000');
socket.on('connect', () => {  
  // either with send()  
  socket.send('Hello!');
  // or with emit() and custom event names  
  socket.emit('salutations', 'Hello!', { 'mr': 'john' }, Uint8Array.from([1, 2, 3, 4]));});
// handle the event sent with socket.send()
socket.on('message', data => {
  console.log(data);
});
// handle the event sent with socket.emit()
socket.on('greetings', (elem1, elem2, elem3) => {
  console.log(elem1, elem2, elem3);
});

Example 3: socket io query

// Client side
const socket = io({
  query: { token: 'cde' }
});

// Server side
io.on('connection', (socket) => {
  let token = socket.handshake.query.token;
  
  // Do something...
});

Example 4: socket.io doc

const socket = new WebSocket('ws://localhost:3000');socket.onopen(() => {  socket.send('Hello!');});socket.onmessage(data => {  console.log(data);});