Quantcast
Channel: Kursus Website Terbaik
Viewing all articles
Browse latest Browse all 2170

Mengenal Apa Itu Socket.io

$
0
0

pada tutorial kali ini kita akan membahas tentang Mengenal Apa Itu Socket.io, Socket.io merupakan sebuah library javascript yang membantu dalam pembuatan aplikasi web yang realtime lebih mudah, dengan menggunakan socket.io kita dapat menghubungkan antara client dan server dapat terjadi secara bidirectional (dua arah). Maksudnya yaitu kita dapat menghubungkan client dan server sehingga dapat berperan sebagai pengirim dan sekaligus penerima data, komponen yang terdapat pada socket.io terdiri dari dua bagian yang pertama client-site yaitu yang berjalan pada browser, dan server-site yang dapat digunakan sebagai modul untuk node.js.

Pada socket.io juga terdapat API, yang berfungsi untuk melakukan transaksi data, namun paling tidak kita cukup mengetahui dua  metode yaitu emit() dan on().

emit() berfungsi untuk mengirimkan sebuah pesan dari server ke client dan dari client ke server, namun pada saat data yang dikirimkan telah sampai pada tujuannya maka client/server dapat menerima dengan menggunakan method on(), jadi fungsi dari method on() yaitu sebagai menerima data atau informasi yang telah diterima yang selanjutnya akan segera diproses oleh fungsi handler yang sudah dibuat.

Dibawah ini merupakan script yang berfungsi untuk menghubungkan keserver dengan menggunakan method emit seperti dibawah ini :

var http = require('http');
var app = http.createServer(function(request, response) {
 .....
});

var io = require('socket.io').listen(app);
io.on('connection', function(socket) {
    socket.on('pesan', function(data){
  console.log("Client mengirim pesan: " + data);
 });
 socket.on('jumlah', function(data){
  var hasil = data.a + data.b;
  socket.emit("hasil", hasil);
 });
 socket.on('disconnect', function(){
  console.log("Client disconnected");
 });
});

app.listen(3000);

Dan selanjutnya script yang digunakan untuk client-site seperti dibawah ini :

<script src="https://cdn.socket.io/socket.io-1.4.5.js"></script>
<script type='text/javascript'>
socket = io();
socket.emit("pesan","Hello world");
socket.emit("jumlah",{a:5,b:7});

socket.on('hasil', function(data) {
 alert("Server mengirim 'hasil' = " + data);
});
</script>

Selanjutnya untuk komunikasi dengan server, langkah pertama yang kita lakukan yaitu kita harus membuat sebuah object socket.io

Socket = io();

Nah object itu lah yang berfungsi untuk meng-handle dalam mengirim dan menerima data dari server, dan metode tersebut masih menggunakan metode .emit() untuk mengirim dan .on() untuk menerima.

Oke teman-teman itulah pembahasan kita tentang Mengenal Apa Itu Socket.io, sekian dulu tutorial kita kali ini tentang Mengenal Apa Itu Socket.io.

Semoga bermanfaat.

Terimakasih.

The post Mengenal Apa Itu Socket.io appeared first on Kursus Website Terbaik.


Viewing all articles
Browse latest Browse all 2170

Trending Articles