Implementing simple chat room dialogue based on websocket

npm install socket.io-client

npm install http-server

npm install koa

// Introduce dependencies const koa = require("koa")
// Initialize koa
const app = new koa()
// Enable http 
var server = require("http").createServer(app.callback())
// Initialize the socket
const io = require("socket.io")(server, { cors: true })
// Listen io.on('connection', (socket) => {
  // Actively send messages to the client setTimeout(() => {
    // Trigger a custom event through the io object method emit and send a message to the client io.emit('chat message', 'What do you want to say?')
  }, 1000)

  socket.on('disconnect', () => {
    console.log('user disconnected')
  })

  // Receive the client's message on the server // Listen to the event through the on method. When the client sends a message, the event will be triggered and the message sent by the client can be received socket.on('chat message', (msg) => {
    console.log(msg)
    // msg is the message sent by the client // Sending a message to the client is emit
    setTimeout(() => {
      msg = msg.replace("you", "me").replace("?", "").replace("?", "!")
      // Trigger event to send the processed message to the client io.emit('chat message', msg)
    }, 500)
  })
})
server.listen(5522,()=>{
  console.log('socket service is enabled, port number is 5522')
});

import { io } from 'socket.io-client'
cteated(){
    // 1. Create a connection that can be customized this.socket = io('ws://localhost:5522')
     // 2. Establish a connection this.socket.on('connect', () => {
        console.log('Connection established successfully')
    })
    // 3. Listen for messages and return this.socket.on('chat message', msg => {
        console.log('Message returned by the service', msg)
    })
}