Я собираюсь интегрировать мою php веб-страницу с node.js и socket.io.
Клиент может подключиться к файлу сервера node.js, но функция socket.emit не работает от клиента к серверу и не возвращает.
Вот мой файл nodeClient.js:
var socket = io.connect( 'http://192.168.0.10:8080/index3.php' );
$( "#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( 'new message', function( data ) {
var actualContent = $( "#messages" ).html();
var newMsgContent = '<li> <strong>' + data.name + '</strong> : ' + data.message + '</li>';
var content = newMsgContent + actualContent;
$( "#messages" ).append(newMsgContent);
});
вот файл nodeServer.js:
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 );
//client.broadcast.emit( 'message', { name: data.name, message: data.message } );
io.sockets.emit( 'new message', { name: data.name, message: data.message } );
});
});
server.listen( 8080, function(){
console.log('listening on *:8080');
});
Аякс работает для хранения данных в MySQL. Каждый подключенный клиент распознается как «Новый клиент!». Но нет сообщения, связывающего клиента и сервера. В чем может быть проблема в моем коде.
исправьте синтаксис JSON вместо записи на стороне клиента:
socket.emit( 'message', { name: nameVal, message: msg });
записывать
socket.emit( 'message', { "name": nameVal, "message": msg });
то же самое на стороне сервера вы фактически пропустили двойные кавычки при написании имени значения в объекте json
Других решений пока нет …