वेब सॉकेट और सॉकेट के बीच अंतर

वेब सॉकेट

• चैट
• मल्टीप्लेयर गेम
• सहयोगात्मक संपादन
• सामाजिक (समाचार) खिलाती है
• स्थान आधारित अनुप्रयोग

Socket.io

वेब सॉकेट और सॉकेट के बीच अंतर

• -, Socket.IO . , . . -, .
• - . Socket.IO .
• , Socket.IO () .
• Socket.IO .
• Socket.IO .

• HTML पेज पाने के लिए
• वेब सॉकेट से कनेक्ट करने के लिए UPGRADE

• HTML पेज पाने के लिए
• सॉकेट.आईओ क्लाइंट लाइब्रेरी ( 207kb )
• तीन लंबे मतदान अजाक्स अनुरोध
• वेब सॉकेट से कनेक्ट करने के लिए UPGRADE

वेब सॉकेट नेटवर्क ट्रैफ़िक:

Socket.IO नेटवर्क ट्रैफ़िक:

एक कोड लिखना

सरल वेब सॉकेट सर्वर

const WebSocket = require('ws')
const UUID = require('uuid')
const wss = new WebSocket.Server({ port: 3001 })

wss.on('connection', ws => {
  ws.id = UUID()

  ws.on('message', message => {
    ws.send(`[${ws.id}]: ${message}`)
  })
})

const WebSocket = require("ws")
const UUID      = require("uuid")
const wss       = new WebSocket.Server({ port: 3001 })

function broadcast(clientId, message) {
  wss.clients.forEach(client => {
    if(client.readyState === WebSocket.OPEN) {
      client.send(`[${clientId}]: ${message}`)
    }
  })
}

wss.on('conection', ws => {
  ws.id = UUID()
  ws.on('message', message => broadcast(ws.id, message))
})

सॉकेट.आईओ पर सरल सर्वर

const io = require('socket.io')
const server = io.listen(3002)

server.on('connection', socket => {
  socket.on('message', message => {
    socket.emit(`[${socket.id}]: ${message}`)
    socket.broadcast.emit(`[${socket.id}]: ${message}`)
  })
})

// head
<script src="https://cdn.jsdelivr.net/npm/socket.io-client@2.3.0/dist/socket.io.slim.js"></script>

// body
<script>
  ioClient = io.connect('http://localhost:3002')
  ioClient.on('connect', socket => {
    ioClient.send('hello world')
    ioClient.on('message', msg => console.log(msg))
  })
</script>

एक नोट पर

तो क्या चुनना है?