Error 400 changing transport polling to websocket #961
Replies: 1 comment 11 replies
-
|
Look at the output of your server process. The 400 error must come with an error or warning message that indicates what the problem is. If not, see the Troubleshooting section of the docs to learn how to enable more verbose logging. |
Beta Was this translation helpful? Give feedback.
-
|
According to logs client connected to server successfully. However, the client does not respond to events from the server. I just want to call alert() in response to events. Browser dev console also have no any errors. Serversocketio = SocketIO(app, transports=['websocket'], logger=True, engineio_logger=True)
@app.route('/')
def index():
return render_template('index.html')
@socketio.event
def connect():
print('[SERVER] Client connected')
emit('my_response', {'data': 'Connected'})Client<!DOCTYPE HTML>
<html>
<head>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/3.0.4/socket.io.js" integrity="sha512-aMGMvNYu8Ue4G+fHa359jcPb1u+ytAF+P2SCb+PxrjCdO3n3ZTxJ30zuH39rimUggmTwmh2u7wvQsDTHESnmfQ==" crossorigin="anonymous"></script> -->
<script src="https://cdn.socket.io/4.5.0/socket.io.min.js" integrity="sha384-7EyYLQZgWBi67fBtVxw60/OWl1kjsfrPFcaU0pp0nAh+i8FD068QogUvg85Ewy1k" crossorigin="anonymous"></script>
<script type="text/javascript" charset="utf-8">
var socket = io('ws://127.0.0.1:5000/', {transports: ["websocket"]});
socket.on('connect', function () {
alert('[WEB] Connected to server');
});
socket.on('my_response', function(msg, cb) {
console.log(msg);
alert(msg);
});
</script>
</head>
<body>
</body>
</html> |
Beta Was this translation helpful? Give feedback.
-
|
I'm sorry, I'm unable to debug your application just by reading the code. Why don't you start from one of the many examples available and modify it to suit your needs, instead of starting from scratch? Also, if I may suggest, |
Beta Was this translation helpful? Give feedback.
-
|
Yes you are right. Anyway, sincerely thank you very much for your so fast support and your projects for the community! |
Beta Was this translation helpful? Give feedback.
-
|
Oh Yes, I did change the transport to websocket! The problem was in setting the
requirements / dependenciesServerfrom flask import Flask, request, render_template
from flask_socketio import SocketIO, emit
import eventlet
async_mode = 'eventlet'
app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret!'
socketio = SocketIO(app, transports=['websocket', 'polling'], async_mode=async_mode, cors_allowed_origins="*", logger=True, engineio_logger=True)
@app.route('/')
def index():
return render_template('index.html', async_mode=socketio.async_mode)
@socketio.event
def my_ping():
emit('my_pong')
@socketio.event
def connect():
print(f'[SERVER]: Client connnected {request.sid}')
emit('my_response', {'data': 'Connected'})
if __name__ == '__main__':
socketio.run(app)Client<!DOCTYPE HTML>
<html>
<head>
<title>Flask-SocketIO Test</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/3.0.4/socket.io.js" integrity="sha512-aMGMvNYu8Ue4G+fHa359jcPb1u+ytAF+P2SCb+PxrjCdO3n3ZTxJ30zuH39rimUggmTwmh2u7wvQsDTHESnmfQ==" crossorigin="anonymous"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
var socket = io('http://localhost:5000', {
transports: [ 'websocket' ]
});
socket.on('connect', function() {
socket.emit('my_event', {data: 'I\'m connected!'});
});
var start_time;
window.setInterval(function() {
start_time = (new Date).getTime();
$('#transport').text(socket.io.engine.transport.name);
socket.emit('my_ping');
}, 1000);
socket.on('my_pong', function() {
var latency = (new Date).getTime() - start_time;
$('#ping-pong').text(latency);
});
});
</script>
</head>
<body>
<h1>Flask-SocketIO Test</h1>
<p>
Async mode is: <b>{{ async_mode }}</b><br>
Current transport is: <b><span id="transport"></span></b><br>
Average ping/pong latency: <b><span id="ping-pong"></span>ms</b>
</p>
</body>
</html> |
Beta Was this translation helpful? Give feedback.
-
|
You can drop gevent from your requirements, since you are using eventlet. Also disabling CORS is not the best idea, you may want to only allow the domains that you own instead of allowing all domains. |
Beta Was this translation helpful? Give feedback.
-
I created a timer project based on Flask-SocketIO. The timer will send its value to front. By default, polling transport is used for connection.
Connection fails after changing polling transport settings to websocket.
Please tell me how to set up the transport?
Beta Was this translation helpful? Give feedback.
All reactions