flask-socketio实现WebSocket的方法

【flask-socektio】

之前不知道在哪个场合下提到过如何从web后台向前台推送消息。听闻了反向ajax技术这种模式之后，大呼神奇，试了一下之后发现也确实可以用。不过，反向ajax的代价也很明显，只要客户端还和服务端要有信息交互，服务端就必须还维持客户端的这个请求，然后在合适的时候返回。当客户端一多，这么做的成本会比较大。

其他的后端推前端的技术还有类似于隐藏frame，Comet、长轮询等等，没有详细了解过，总之也是各有千秋但也各有利弊。

前不久在开发中碰到了这样一个场景，就是在后台执行一些代码，然后会根据执行的最新情况推送一些提示信息到前台让用户可以知道目前执行到哪一步了。典型就是一个后台向前端推送消息的，而且是比较简单的一个场景。用反向ajax的话好像略显累赘，因为消息的频度还是蛮高的，应该会消费不少网络资源，而且ajax请求的url后执行的程序肯定和后台的工作程序是并行的，如果要获得工作程序的进度信息可能还会涉及到进程间通信问题，总之各种麻烦。最好能找到一种解决方案，可以在后台随时推送数据后在前台实时展示并且允许后台程序继续跑的。

然后找了下就找到了websocket这种html5之后才有的技术。另外再找了下发现了flask-socketio这个拓展模块添加了flask对websocket的支持。

概述

websocket是html5中实现了服务端和客户端进行双向文本或二进制数据通信的一种新协议，其实已经低于HTTP协议本身和HTTP本质上没有什么关系了。不过形式上两者还是有想象之处。因此websocket的连接地址是长这样的：ws://localhost:8080。可以看到，协议修饰符不是http了。

另外，websocket在连接建立阶段是通过HTTP的握手方式进行的，这可以看做是为了兼容浏览器或者使用一些现成的功能来实现，这样一种捷径。当连接建立之后，客户端和服务端之间就不再进行HTTP通信了，所有信息交互都由websocket接管。

从资源占用的角度上来说，其实websocket比ajax占用的资源更多，但它真正实现了全双工通信这一点还是很理想的，意味着无论是前端还是后台的信息交互程序编写都会变得更加方便。由于采用了新的协议，所以我们也需要适当地改造下前后台的程序。

前端ws编写以及socket.io.js

由于是比较新的东西，并不一定所有的浏览器都支持，所有可以用:

if ('WebSocket' in window){ websocket = new WebSocket('ws://localhost:8080');}

这样的方式来判断是否支持，只有支持的情况下才开始websocket处理

其实光实现双向通信是并没有什么用的，主要还是在通信过程中，让前后端发生一些动作，这就需要添加监听事件。在前端这里，我们可以给websocket这个对象的一些监听回调接口赋值，来规定在不同的场合下前端做些不同的事情。比如：