Как интегрировать nodeJS + Socket.IO а PHP?

Итак, для начала, я поставил свой проект на github, если вы хотите получить доступ к полному коду:https://github.com/jdutheil/nodePHP

Это очень простой пример проекта: веб-чат. У вас просто есть автор и сообщение, и при нажатии кнопки Отправить он сохраняется в базе данных mysql. Идея состоит в том, чтобы отправлять обновления в реальном времени и иметь реальный разговор. ;) Мы будем использовать nodeJS для этого.

Я не буду говорить о PHP коде, это действительно просто и не интересно здесь; что я хочу показать вам, как интегрировать ваш код nodeJS.

Я использую экспресс и Socket.IO, поэтому не забудьте установить эти модули с npm. Затем мы создаем простой сервер nodeJS:

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

мы зарегистрировали обратный вызов событий при подключении нового пользователя; каждый раз, когда мы получаем сообщение (представляет собой сообщение чата), мы передаем его всем подключенным пользователям. Теперь, хитрая часть: на стороне клиента! Это та часть, которая занимала меня большую часть времени, потому что я не знал, какая именно сценарий включает в себя, чтобы иметь возможность запускать сокет.ИО код без nodeServer (потому что страницы клиент будет обслуживаться в Apache).

но все уже сделано; при установке Socket.IO модуль с НПМ, скрипт доступен в /node_modules/socket.io/node_modules/socket.io-client/dist/socket.io.js; что скрипт мы включим в нашу PHP страницу, в моем случае:

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

и закончить, мой nodeClient.js, где мы просто подключаемся к узловому серверу и ждем события для обновления нашей страницы. ;)

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

Я постараюсь обновите и улучшите мой код как можно скорее, но я думаю, что он уже открыт для всех интересных вещей! Я действительно открыт для Советов и отзывов об этом материале, это хороший способ сделать это .. ?

надеюсь, что это может помочь некоторым людям!