Membuat Aplikasi Chatting Dengan Node JS

Menurut Wikipedia katanya : Node.js adalah platform perangkat lunak pada sisi-server dan aplikasi jaringan. Ditulis dengan bahasa javascript dan bisa dijalankan padaWindows, Mac OS X dan Linux tanpa perubahan kode program. Node.js memiliki pustaka server HTTP sendiri sehingga memungkinkan untuk menjalankan webserver tanpa menggunakan program webserver seperti Apache atau Lighttpd. 

Sepertinya gak usah basa basi lagi, kita langsung aja ke inti persoalannya. Sekarang ane mau coba buat tulisan tentang chat dengan node js. Sebetulnya ane jg masih agak2 bingung.. maklum newbie.. tp ane coba tutorial dari youtube (https://www.youtube.com/watch?v=pNKNYLv2BpQ)  trus ane coba berhasil, tapi klo agan2 ada yg ngikutin tutorial terus gak jalan mungkin bisa tanya ke expertnya.

Saat ini ane bwt aplikasinya di Centos 6.5, untuk tutorial cara install Node JS di Centos bisa tanya ke Paman ane (Uncle Google) insyaallah banyak banget referensinya.

Kita langsung aja.

Step I

Buat folder sebagai lokasi project

$ mkdir chat

Step II 

Buat File dengan nama "package.json", kemudian masukan skrip berikut :

{
 "name" : "chat",
 "version" : "0.0.1",
 "private" : "true",
 "dependencies" : {
     "socket.io" : "1.4.8",
     "express" : "4.14.0"
 }
}

Catatan :  untuk "dependencies", "socket.io" dan "express" harus memasukan sesuai versi pada node js agan, untuk mengetahuinya dapat menggunakan perintah sbb:

$ npm info socket.io version

$ npm info express version

Step III 

Setelah itu agan dapat meng-create project didalam direktori yang sama, dengan perintah sbb :

$ npm install

Step IV 

Terus buatlah file di dalam direktori yang sama, untuk membuat project, contoh "app.js" lalu masukan script berikut :

var express = require('express');
var app       = express();
var server   = require('http').createServer(app);
var io         = require('socket.io').listen(server);
var port   = 3000;

server.listen(port);

console.log('LISTEN ('+port+')....');

app.get('/', function(req, res){
res.sendfile(__dirname + '/index.html');
});

io.sockets.on('connection', function(socket){

socket.on('send', function(data, req){
console.log('GET MESSAGE : '+data+"  >> "+req);
io.sockets.emit('new_message', data);
});

socket.on('disconnect', function(){ console.log('CLIENT DISCONNECT');});
});

Step V 

Terus buatlah file di dalam direktori yang sama, untuk membuat tampilan web, file "index.html" lalu masukan script berikut :

<style>
#chat{height:500px; border: 1px solid #000;}
</style>

<form id="send-message">
<input size="35" id="message"></input>
<input type="submit"></input>
</form>

<div id="chat"></div>


<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script>
jQuery(function($){
var socket = io.connect();

$('#send-message').submit(function(
e.preventDefault();
socket.emit('send', $('#message').val());
$('#message').val('');
});

socket.on('new_message', function(data){
$('#chat').append(data + "<br/>");
});
});
</script>

Step VI 

Terus jalankan aplikasi node js nya dengan cara sbb :

$ node app.js

Step VII 

Testing Aplikasi Chating di browser dengan menggunakan url : http://localhost:3000

Sekian dulu gan tutorialnya, semoga bermanfaat amin...