My current project involves setting up a FlaskSocketIO with socket.io.js application to facilitate real-time communication between the frontend and my web socket server.
Here is a snippet of the frontend code:
$(document).ready(function() {
namespace = '/test';
var socket = io.connect('http://' + document.domain + ':' + location.port + namespace);
socket.on('connect', function() {
socket.emit('my event', {data: 'Client connected!'});
});
socket.on('my response', function(msg) {
$('#log').append('<br>' + $('<div/>').text('Received #' + msg.count + ': ' + msg.data).html());
}); });
This is the code I'm using in Flask:
@socketio.on('my event', namespace='/test')
def receive__message(message):
socketio.emit('my response', {'data': 'Backend saw "' + json.dumps(message['data']) + '" from the frontend'})
print("Received from message data:" + json.dumps(message['data']))
While on the FlaskSocketIO side, I am able to successfully receive the message. However, upon emitting the 'my respose' message, I can see it listed inside the Network tab in Google Chrome as shown below. Unfortunately, no action is taken based on my javascript code for the 'my response' event:
ÿ42["my response",{"data":"Backend saw \"{\"state\": \"Client Connected \"}\" from the frontend"}]
The communication between the frontend and FlaskSocketIO is working fine, but the following part of the code does not produce any output:
socket.on('my response', function(msg) {
$('#log').append('<br>' + $('<div/>').text('Received #' + msg.count + ': ' + msg.data).html());
});
I have attempted using alert(msg) and console.log(msg) but they do not display anything, even though the message is being received. Could there be an issue with how Flask generates the message format for the SocketIO JS plugin?