flask-socketio 和 微信小程序 连接的坑 Error during WebSocket handshake: Unexpected response code: 400

最新推荐文章于 2025-11-29 13:27:28 发布
原创 最新推荐文章于 2025-11-29 13:27:28 发布 · 5.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文解决了一个常见的WebSocket连接失败的问题，具体表现为错误代码400。文章指出，在使用Flask框架时，若采用默认启动方式会遇到该问题，而通过服务器启动则可以避免。文中提供了一种简便的解决方案，即通过加入wsgi中间件并使用特定的服务器启动Flask应用。

WebSocket connection to ‘wss://wyndem.tunnel.echomod.cn/socket.io/?EIO=3&transport=websocket’ failed: Error during WebSocket handshake: Unexpected response code: 400

这个错误，出现很头疼。最后查了快一天的资料。也还是没有用。

原因：

Flask如果用默认的启动方式，就会报404，如果使用服务器启动，那就可以连接成功。简单来说不支持默认方式启动，你可以用任何第三方中间件或者是专业的服务器来启动Flask框架

最简单的解决方式：

  #加入wsgi中间件
  app.wsgi_app = LighttpdCGIRootFix(app.wsgi_app)
  #启动flask
  io.run(app)
GET /socket.io/?EIO=3&transport=websocket
jacke121的专栏
10-22 1万+
  GET /socket.io/?EIO=3&transport=websocket 原因： js一直在访问后端socket.io：     var o=t("./url"),i=t("socket.io-parser"),s=t("./manager"),a=t("debug")("socket.io-client");e.exports=n=r;var c=n.manag..
Flask-SocketIO，一个高效的 Python WebSocket 库！
m0_74824635的博客
02-05 878
是一个基于Flask框架的扩展库，专门用于实现实时通讯。传统的HTTP协议是“请求-响应”模式，服务器只能在客户端请求后进行响应，而WebSocket可以让服务器主动推送数据给客户端，实现双向实时通信。Flask-SocketIO不仅支持WebSocket，还支持长轮询等多种通信方式，它会自动选择最佳方式，不用我们手动配置。除了message，我们可以定义更多自定义事件，帮助实现更细化的实时功能。例如，可以定义一个事件专门用于发送通知。def?????data)????data,?：发送通知事件。
通过nginx访问连接websocket 错误 failed: Error during WebSocket handshake: Unexpected response code: 400
dream317
12-01 4253
最近项目部署到正式环境的时候发现页面websocket连接错误。如下： 其中与本地环境的区别就是正式环境配置了nginx。 而我通过真实路径访问正式环境项目，也能正常连接。经查阅相关资料，在nginx.conf 配置文件中location 加入如下参数即可： proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; proxy_read_ti...
Nginx转发WebSocket 400错误解决方案
suweijie的博客
09-29 227
Nginx代理WebSocket报400错误的解决方案：部署WebSocket项目时，若Nginx转发出现握手失败(400错误)，需在配置中添加三行关键指令：1.设置HTTP/1.1协议；2.传递Upgrade头信息；3.指定连接升级。这三个配置项确保能正确完成WebSocket握手过程。可将配置置于server块实现全局生效，适用于多个location转发场景。修改后重启Nginx即可解决WebSocket代理问题。
微信小程序实时通信神器：WeApp.Socket.IO完全指南
最新发布
gitblog_00786的博客
11-29 763
想要为你的微信小程序添加实时通信功能吗？WeApp.Socket.IO正是你需要的完美解决方案！这个专为小程序打造的Socket.IO封装库，让开发者能够轻松实现WebSocket通信，打造响应更及时、体验更流畅的应用。 ## 🚀 项目核心亮点 **零门槛上手体验** WeApp.Socket.IO采用与原生Socket.IO完全一致的API设计，无论你是新手还是资深开发者，都能在短时间内快
部署项目 WebSocket failed: Error during WebSocket handshake: Unexpected response code: 400
热门推荐
cai454692590的博客
07-02 4万+
解决nginx转发websocket报400错误 转载链接：https://www.cnblogs.com/duanweishi/p/9286461.html 说明： 由于个人服务器上面有多个项目，配置了二级域名，需要对二级域名进行转发，在转发工作这快采取了大名鼎鼎的nginx。在这之前所有的项目运行转发都没问题，然而今天在部署一个具有websocket通信的项目时，却意外的报错了，错误消息如下：...
WebSocket failed: Error during WebSocket handshake: Unexpected response code: 400
laker的博客
06-29 8527
websocket报错：WebSocket failed: Error during WebSocket handshake: Unexpected response code: 400 其中最重要的是这三行 proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; 第一行是告诉nginx使用HTTP/1.1通信协议，这是websoket必须要使用的协议。
精选资源
flask-socketio实现WebSocket的方法
01-01
【flask-socektio】 之前不知道在哪个场合下提到过如何从web后台向前台推送消息。听闻了反向ajax技术这种模式之后，大呼神奇，试了一下之后发现也确实可以用。不过，反向ajax的代价也很明显，只要客户端还和服务端...
精选资源
flask-socketio-video-stream:尝试使用 Flask 和 Socket.io 流式传输网络摄像头
07-07
烧瓶socketio视频流 这是尝试使用 getUserMedia() 捕获视频流，使用 websockets 将其发送到服务器，然后在视频控件中播放。 它几乎不起作用，帧速率非常慢。 试试看： virtualenv env --no-site-packages source...
精选资源
Flask-SocketIO：用于Flask应用程序的Socket.IO集成
02-04
Flask-SocketIO 用于Flask应用程序的Socket.IO集成。 安装 您可以像往常一样使用pip安装此软件包： pip install flask-socketio 例 from flask import Flask , render_template from flask_socketio import ...
精选资源
react-flask-socketio:这是用于测试以socketio为服务器并以Webapp为客户端的python flask之间的websocket连接的基本代码
04-28
React烧瓶socketio 这是用于测试以socketio为服务器并以Webapp为客户端的python flask之间的websocket连接的基本代码 ...##要求使用Python 3+ npm我socket.io客户端点安装Flask-SocketIO 点安装gevent-websocket
failed: Error during WebSocket handshake: Unexpected response code: 400
qq_36759433的博客
03-26 1万+
问题描述：在项目中引用Socket.Io，在项目部署后报错，本地运行不报错 错误原因：需要在配置文件nginx.conf中配置相关信息 解决方案： 在nginx文件的location中添加 proxy_http_version 1.1; proxy_set_...
Error during WebSocket handshake: Unexpected response code: 400
微光·火炬
03-15 5059
websocke偶尔中途断连，重新连接报跨域 问题描述 在开发环境正常使用，测试、生产环境报错，生产环境配置了nginx反向代理。 具体报错截取部分： Websocket connection to 'ws://*****' faild: Error during WebSocket handshake: Unexpected response code: 400 解决方案 原项目中使用了Nginx。在配置反向代理时，若需要使用WSS，还需在nginx.conf文件加上websocket的配置如下： {
apache httpd failed: Error during WebSocket handshake: Unexpected response 400
weixin_43178103的博客
10-31 887
apache httpd failed: Error during WebSocket handshake: Unexpected response 400项目在单机环境下测试连接socket运行正常，后转入apache上部署出现异常，检测发现在配置apache时开启socket握手失败，由于httpd转向失败，浏览器报错failed: Error during WebSocket handsha...
【报错】flask-socketio failed: Error during WebSocket handshake: Unexpected response code: 500
Effotzjw_小白慢慢踏全栈
10-09 5370
今天遇到个很奇怪的问题，flask-socketio本地跑的时候，没有报错，但是一旦部署到线上，就报了 failed: Error during WebSocket handshake: Unexpected response code: 500 的错误。后来查看服务器日志：出现了以下错误： RuntimeError: You need to use the gevent-websocket server. See the Deployment section of the documentation fo
WebSocket connection to 'ws://123.127.164.28:19996/ws/overviewOfTheSituation' failed: Error during WebSocket handshake: Unexpected response code: 200
09-10
当出现 “WebSocket connection to 'ws://123.127.164.28:19996/ws/overviewOfTheSituation' failed: Error during WebSocket handshake: Unexpected response code: 200” 错误时，意味着在 WebSocket 握手阶段，客户端期望得到 101 状态码（表示协议切换），但却收到了 200 状态码（通常用于 HTTP 请求成功响应），这表明服务器可能没有正确处理 WebSocket 握手请求，而是将其当作普通 HTTP 请求处理。以下是可能的解决方案： #### 检查服务器端代码 确保服务器端代码正确处理 WebSocket 握手。不同的服务器端技术有不同的实现方式，以下是几种常见的示例： ##### Node.js + ws 库 ```javascript const WebSocket = require('ws'); const wss = new WebSocket.Server({ port: 19996 }); wss.on('connection', function connection(ws) { ws.on('message', function incoming(message) { console.log('received: %s', message); }); ws.send('Hello, client!'); }); ``` ##### Python + Flask-SocketIO ```python from flask import Flask from flask_socketio import SocketIO app = Flask(__name__) socketio = SocketIO(app) @socketio.on('connect') def handle_connect(): print('Client connected') @socketio.on('message') def handle_message(message): print('received message: ' + message) if __name__ == '__main__': socketio.run(app, host='123.127.164.28', port=19996) ``` #### 检查服务器配置 确保服务器配置没有将 WebSocket 请求重定向或当作普通 HTTP 请求处理。例如，在 Nginx 配置中，需要正确设置 WebSocket 代理： ```nginx server { listen 80; server_name your_domain; location /ws/ { proxy_pass http://123.127.164.28:19996; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "Upgrade"; } } ``` #### 检查防火墙和代理 确保防火墙和代理没有阻止 WebSocket 连接，并且没有对 WebSocket 请求进行错误处理。需要确保防火墙允许 19996 端口的流量通过，并且代理配置正确。 #### 检查 URL 确保 URL 正确，没有拼写错误或多余的字符。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值