Flask-SocketIO部署遇到的问题

1,930 阅读2分钟

我的情况是服务端用Flask,前端用Vue.js。问题都出在Flask上。

CORS跨域问题

这个问题令我很不愉快,是因为写法的问题导致的。实际上我在实例化SocketIO时已经传入cors_allowed_origins的参数为*,但是最后的问题出在*要用单引号,不能用双引号。我觉得这可能是前后传参符号不一致导致的,应该不是必须要求写单引号。

# 错误的写法
socketio = SocketIO(app, cors_allowed_origins="*", async_mode='eventlet')
# 正确的写法
socketio = SocketIO(app, cors_allowed_origins='*', async_mode='eventlet')

400错误

这个需要配置Nginx,参考了一篇帖子,配置如下

location /
{
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
}

其中第一行是告诉nginx使用HTTP/1.1通信协议,这是websoket必须要使用的协议。

第二行和第三行告诉nginx,当它想要使用WebSocket时,响应http升级请求。

最后发现400仍然存在,在Vue.js上取消轮询polling,只留websocket,完美

Websocket没有请求头

在请求头里的JWT信息就失效了,国外资料是推荐把token放在query里。服务端接收到token解码。

# 我的token格式是Bearer+空格+token,所以把token分割出来
data = decode_token(encoded_token=YourToken.split(' ', 1)[1])
# 用户id就包含在解码的数据里面
uid = data['identity']['uid']

用户id就包含在解码的数据里面,具体可以了解一个JWT的原理,JWT的格式是头部.负载.签名(header+payload+signature),负载是可以存储信息的,uid就在里头。

数据返回慢

这个是不认真看文档的后果,gunicorn启动时,官方推荐worker_class用eventlet。

POST方法接收不到数据

报错信息如下

TypeError: wrap_socket() got an unexpected keyword argument '_context'

这个是eventlet的锅,Python3.7版本就会有这个bug。但是Flask-SocketIO推荐用eventlet。中文圈的资料都是说换个参数,换个什么参数也没说明白。国外的资料说把Python改成3.6或者3.8就行。

参考资料:

  1. 400错误解决方法
  2. 400错误官方issue
  3. 400错误原理解释
  4. eventlet在Python3.7上的Bug