الفرق بين مآخذ الويب و Socket.IO

مآخذ الويب

• الدردشات
• ألعاب متعددة اللاعبين
• التحرير التعاوني
• يغذي (الأخبار) الاجتماعية
• التطبيقات القائمة على الموقع

Socket.io

الفرق بين مآخذ الويب و Socket.IO

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

• احصل على صفحة HTML
• ترقية للاتصال بمقابس الويب

• احصل على صفحة HTML
• مكتبة عميل Socket.IO ( 207 كيلو بايت )
• ثلاثة طلبات استفتاء طويلة من أياكس
• ترقية للاتصال بمقابس الويب

حركة مرور شبكة مأخذ الويب:

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))
})

خادم بسيط على Socket.IO

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>

في ملاحظة

فماذا تختار؟