Client Connect and Disconnect Events

Video Lecture

Client Connect and Disconnect Events Client Connect and Disconnect Events Client Connect and Disconnect Events

Description

Client Side Connect and Disconnect events.

src/client/client.ts

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
class Client {

    private socket: SocketIOClient.Socket

    constructor() {
        this.socket = io()

        this.socket.on("connect", function () {
            console.log("connect")
            document.body.innerHTML = ""
        })

        this.socket.on("disconnect", function (message: any) {
            console.log("disconnect " + message)
            document.body.innerHTML += "Disconnected from Server : " + message + "<br/>"
            //location.reload();
        })

        this.socket.on("message", function (message: any) {
            console.log(message)
            document.body.innerHTML += message + "<br/>"
        })

        this.socket.on("random", function (message: any) {
            console.log(message)
            document.body.innerHTML += message + "<br/>"
        })        
    }
}

const client = new Client();