Bagaimana Web Socket Bekerja? Apa Bedanya Dengan Koneksi HTTP?

cara kerja web socket dan bedanya dengan http - Dalam sebuah website, ada kalanya sebuah fitur memerlukan kinerja real-time untuk menerima request dan respon. Oleh karena itu, digunakanlah sebuah teknologi bernama web socket.

Apa itu web socket?

Web socket adalah sebuah koneksi di aplikasi web (ws://) yang berjalan secara paralel dengan koneksi http (http://).

Jika http memutuskan koneksi ketika request sudah menerima response, koneksi web socket tetap stand by (on) untuk menerima segala request dan dapat mengirim response (hand shake) secara langsung (emit request/response).

Jadi kesimpulannya, web socket sangat cocok untuk pembuatan fitur aplikasi realtime.

Contoh penerapan web socket

Berikut ini adalah contoh penerapan websocket yang saya tulis dalam bahasa Javascript.

Server

const express = require('express')
const app = express()
const http = require('http').Server(app)
const io = require('socket.io')(http)

http.listen(3000, ()=>{ /* menjalankan koneksi http:// */
  console.log('listened on port 3000')
})

app.use('/', (req,res)=>{
  res.sendFile(__dirname+'/index.html')
})

io.on('connect', (socket)=>{ /* menjalankan koneksi ws:// */
  console.log('user conected')
  socket.on('chat',(data)=>{
    io.sockets.emit('chat',data)
  })
})

Client

<script src="/socket.io/socket.io.js" charset="utf-8"></script>
<script type="text/javascript">
      var io = io()
      $("#submit").click(function() {
        io.emit('chat', {
           message: $("#message").val()
        })
      })
</script>

Full repository belajar websocket: https://github.com/mtegarsantosa/learnsocket