Cómo integrar NodeJS + Socket.IO ¿y PHP?

Así que, para empezar, pongo mi proyecto en github, si quieres acceder al código completo: https://github.com/jdutheil/nodePHP

Es un proyecto de ejemplo muy simple: un chat web. Solo tiene un autor y un mensaje, y cuando presiona enviar se guarda en una base de datos mysql. La idea es enviar actualizaciones en tiempo real y tener una conversación real. ;) Usaremos NodeJS para eso.

No voy a hablar de código PHP, es realmente simple y no es interesante aquí; lo que quiero mostrar usted es cómo integrar su código NodeJS.

Uso express y Socket.IO, así que asegúrese de instalar esos módulos con npm. Luego, creamos un servidor NodeJS simple:

var socket = require( 'socket.io' );
var express = require( 'express' );
var http = require( 'http' );

var app = express();
var server = http.createServer( app );

var io = socket.listen( server );

io.sockets.on( 'connection', function( client ) {
    console.log( "New client !" );

    client.on( 'message', function( data ) {
        console.log( 'Message received ' + data.name + ":" + data.message );

        io.sockets.emit( 'message', { name: data.name, message: data.message } );
    });
});

server.listen( 8080 );

Registramos nuestros eventos de devolución de llamada cuando un nuevo usuario está conectado ; cada vez que recibimos un mensaje (representa un mensaje de chat), lo transmitimos a todos los usuarios conectados. Ahora, la parte difícil: del lado del cliente! Que la parte que me llevó la mayor parte del tiempo, porque no sabía qué script incluir para poder ejecutar Socket.IO código sin nodeServer (porque la página del cliente será servida por Apache).

Pero todo ya está hecho; cuando se instala Socket.IO módulo con npm, un script está disponible en /node_modules/socket.io/node_modules/socket.io-client/dist/socket.io.js; que el script incluiremos en nuestra página PHP, en mi caso:

    <script src="js/node_modules/socket.io/node_modules/socket.io-client/dist/socket.io.js"></script>
    <script src="js/nodeClient.js"></script>

Y para terminar, mi nodeClient.js, donde simplemente nos conectamos al servidor del nodo y esperamos a que el evento actualice nuestra página. ;)

var socket = io.connect( 'http://localhost:8080' );

$( "#messageForm" ).submit( function() {
    var nameVal = $( "#nameInput" ).val();
    var msg = $( "#messageInput" ).val();

    socket.emit( 'message', { name: nameVal, message: msg } );

    // Ajax call for saving datas
    $.ajax({
        url: "./ajax/insertNewMessage.php",
        type: "POST",
        data: { name: nameVal, message: msg },
        success: function(data) {

        }
    });

    return false;
});

socket.on( 'message', function( data ) {
    var actualContent = $( "#messages" ).html();
    var newMsgContent = '<li> <strong>' + data.name + '</strong> : ' + data.message + '</li>';
    var content = newMsgContent + actualContent;

    $( "#messages" ).html( content );
});

Trataré de actualizar y mejorar mi código lo antes posible, pero creo que ya abierto a todas las cosas interesantes! Estoy realmente abierto a consejos y comentarios sobre este material, es la buena manera de hacerlo, .. ?

Espero que esto pueda ayudar a algunas personas!