Implementierung eines einfachen Chatroom-Dialogs basierend auf WebSocket

npm installiere socket.io-client

npm installiere HTTP-Server

npm installiere koa

// Abhängigkeiten einführen const koa = require("koa")
//Koa initialisieren
const app = new koa()
// http aktivieren 
var Server = erforderlich("http").Server erstellen(App.Callback())
// Initialisiere den Socket
const io = erfordern("socket.io")(Server, { cors: true })
// Hören Sie io.on('connection', (socket) => {
  // Aktiv Nachrichten an den Client senden setTimeout(() => {
    //Lösen Sie über die io-Objektmethode „emitt“ ein benutzerdefiniertes Ereignis aus und senden Sie eine Nachricht an den Client io.emit('Chat-Nachricht', 'Was möchten Sie sagen?')
  }, 1000)

  socket.on('trennen', () => {
    console.log('Benutzer getrennt')
  })

  // Empfange die Nachricht des Clients auf dem Server // Lausche dem Ereignis über die on-Methode. Wenn der Client eine Nachricht sendet, wird das Ereignis ausgelöst und die vom Client gesendete Nachricht kann empfangen werden socket.on('chat message', (msg) => {
    Konsole.log(Nachricht)
    // msg ist die vom Client gesendete Nachricht // Das Senden einer Nachricht an den Client ist emit
    setzeTimeout(() => {
      msg = msg.replace("du", "ich").replace("?", "").replace("?", "!")
      // Ereignis auslösen, um die verarbeitete Nachricht an den Client zu senden io.emit('Chat-Nachricht', msg)
    }, 500)
  })
})
server.listen(5522,()=>{
  console.log('Socket-Dienst ist aktiviert, Portnummer ist 5522')
});

importiere { io } von 'socket.io-client'
erstellt(){
    // 1. Erstellen Sie eine Verbindung, die angepasst werden kann this.socket = io('ws://localhost:5522')
     // 2. Stelle eine Verbindung her this.socket.on('connect', () => {
        console.log('Verbindung erfolgreich hergestellt')
    })
    // 3. Auf Nachrichten warten und this.socket.on('chat message', msg => { zurückgeben
        console.log('Vom Dienst zurückgegebene Nachricht', msg)
    })
}