a. 安装

	pip3 install gevent-websocket 

	作用：

		- 处理Http、Websocket协议的请求 -> socket

		- 封装Http、Websocket相关数据   -> request

b. 基本结构

	from geventwebsocket.handler import WebSocketHandler

	from gevent.pywsgi import WSGIServer

	@app.route('/test')

	def test():

		ws = request.environ.get('wsgi.websocket')

		ws.receive()

		ws.send(message)

		ws.close()

		return render_template('index.html')

	if __name__ == '__main__':

		http_server = WSGIServer(('0.0.0.0', 5000,), app, handler_class=WebSocketHandler)

		http_server.serve_forever()

c. WEB聊天室：

	后端：

		from geventwebsocket.handler import WebSocketHandler

		from gevent.pywsgi import WSGIServer

		from flask import Flask,render_template,request

		import pickle

		app = Flask(__name__)

		app.secret_key = 'xfsdfqw'

		@app.route('/index')

		def index():

			return render_template('index.html')

		WS_LIST = []

		@app.route('/test')

		def test():

			ws = request.environ.get('wsgi.websocket')

			if not ws:

				return '请使用WebSocket协议'

			# websocket连接已经成功

			WS_LIST.append(ws)

			while True:

				# 等待用户发送消息，并接受

				message = ws.receive()

				# 关闭：message=None

				if not message:

					WS_LIST.remove(ws)

					break

				for item in WS_LIST:

					item.send(message)

			return "..."

		if __name__ == '__main__':

			http_server = WSGIServer(('0.0.0.0', 5000,), app, handler_class=WebSocketHandler)

			http_server.serve_forever()

	前端：

		<!DOCTYPE html>

		<html lang="zh-cn">

		<head>

			<meta charset="UTF-8">

			<meta http-equiv="X-UA-Compatible" content="IE=edge">

			<meta name="viewport" content="width=device-width, initial-scale=1">

			<title>Title</title>

			<style>

				.msg-item{

					padding: 5px;

					border: 1px;

					margin: 0 5px;

				}

			</style>

		</head>

		<body>

			<h1>首页</h1>

			<div>

				<h2>发送消息</h2>

				<input id="msg" type="text"  /> <input type="button" value="发送" onclick="sendMsg()">

				<h2>接收消息</h2>

				<div id="container">

				</div>

			</div>

			<script src="/static/jquery-3.3.1.min.js"></script>

			<script>

				ws = new WebSocket('ws://192.168.12.42:5000/test');

				ws.onmessage = function (event) {

					var tag = document.createElement('div');

					tag.className = 'msg-item';

					tag.innerText = event.data;

					$('#container').append(tag);

				}

				function sendMsg() {

					ws.send($('#msg').val());

				}

			</script>

		</body>

		</html>

d. tornado.websocket示例

			import tornado

			from tornado.web import Application

			from tornado.web import RequestHandler

			from tornado.websocket import WebSocketHandler

			class IndexHandler(RequestHandler):

				def get(self, *args, **kwargs):

					# self.write('Hello World')

					self.render('index.html')

				def post(self, *args, **kwargs):

					user = self.get_argument('user')

					self.write('成功')

			WS_LIST = []

			class MessageHandler(WebSocketHandler):

				def open(self, *args, **kwargs):

					WS_LIST.append(self)

				def on_message(self, message):

					for ws in WS_LIST:

						ws.write_message(message)

				def on_close(self):

					WS_LIST.remove(self)

			settings = {

				'template_path':'templates',

				'static_path':'static',

			}

			app = Application([

				(r"/index", IndexHandler),

				(r"/message", MessageHandler),

			],**settings)

			if __name__ == '__main__':

				app.listen(address='0.0.0.0',port=9999)

				tornado.ioloop.IOLoop.instance().start()

WebSocket 在烧瓶和龙卷风中的应用的更多相关文章

  1. Tornado.web.Application之-settings

    应用程序配置 class  tornado.web.Application(handlers:List [Union [Rule,Tuple]] = None,default_host:str = N ...

  2. 漫扯:从polling到Websocket

    Http被设计成了一个单向的通信的协议,即客户端发起一个request,然后服务器回应一个response.这让服务器很为恼火:我特么才是老大,我居然不能给小弟发消息... 轮询 老大发火了,小弟们自 ...

  3. 细说WebSocket - Node篇

    在上一篇提高到了 web 通信的各种方式,包括 轮询.长连接 以及各种 HTML5 中提到的手段.本文将详细描述 WebSocket协议 在 web通讯 中的实现. 一.WebSocket 协议 1. ...

  4. java使用websocket，并且获取HttpSession，源码分析

    转载请在页首注明作者与出处 http://www.cnblogs.com/zhuxiaojie/p/6238826.html 一:本文使用范围 此文不仅仅局限于spring boot,普通的sprin ...

  5. WebSocket - ( 一.概述 )

    说到 WebSocket,不得不提 HTML5,作为近年来Web技术领域最大的改进与变化,包含CSS3.离线与存储.多媒体.连接性( Connectivity )等一系列领域,而即将介绍的 WebSo ...

  6. php+websocket搭建简易聊天室实践

    1.前言 公司游戏里面有个简单的聊天室,了解了之后才知道是node+websocket做的,想想php也来做个简单的聊天室.于是搜集各种资料看文档.找实例自己也写了个简单的聊天室. http连接分为短 ...

  7. Demo源码放送：打通B/S与C/S ！让HTML5 WebSocket与.NET Socket公用同一个服务端！

    随着HTML5 WebSocket技术的日益成熟与普及,我们可以借助WebSocket来更加方便地打通BS与CS -- 因为B/S中的WebSocket可以直接连接到C/S的服务端,并进行双向通信.如 ...

  8. Cowboy 开源 WebSocket 网络库

    Cowboy.WebSockets 是一个托管在 GitHub 上的基于 .NET/C# 实现的开源 WebSocket 网络库,其完整的实现了 RFC 6455 (The WebSocket Pro ...

  9. 借助Nodejs探究WebSocket

    文章导读: 一.概述-what's WebSocket? 二.运行在浏览器中的WebSocket客户端+使用ws模块搭建的简单服务器 三.Node中的WebSocket 四.socket.io 五.扩 ...

随机推荐

  1. ［设计模式］访问者 Visitor 模式

    访问者模式是对象的行为模式. 访问者模式的目的是封装一些施加于某种数据结构元素之上的操作.一旦这些操作需要修改的话,接受这个操作的数据结构则可以保持不变.

  2. C# 创建单例你会几种方式？

    关于为什么需要创建单例?这里不过多介绍,具体百度知. 关于C#  创建单例步骤或条件吧 1.声明静态变量:2.私有构造函数(无法实例化)3.静态创建实例的方法:至于我这里的Singleton是seal ...

  3. DP专题·三(01背包+完全背包)

    1.hdu 2126 Buy the souvenirs 题意:给出若干个纪念品的价格,求在能购买的纪念品的数目最大的情况下的购买方案. 思路:01背包+记录方案. #include<iostr ...

  4. 关于OAuth的state参数的作用

    引用: https://blog.csdn.net/gjb724332682/article/details/54428808 在开发 OAuth认证服务器 的时候,开发者的安全意识不高的话,很可能会 ...

  5. [笔记] Android NDK 开发笔记

    学习下Android NDK的开发,做些笔记记录下. [笔记] Windows下使用Android Studio 创建缺省工程 [笔记] Windows下使用Android Studio开发NDK的最 ...

  6. Django：学习笔记(3)——REST实现

    Django:学习笔记(3)——REST实现 了解REST风格 按照传统的开发方式,我们在实现CURD操作时,会写多个映射路径,比如对一本书的操作,我们会写多个URL,可能如下 web/deleteB ...

  7. C#：当前时间转换成文件名

    DateTime.Now.ToFileTime().ToString(); 结果是一个字符串,类似:131238643554094913.

  8. 29最小的K个数

    题目描述 输入n个整数,找出其中最小的K个数.例如输入4,5,1,6,2,7,3,8这8个数字,则最小的4个数字是1,2,3,4,.   思路: 利用快速排序的partion 来解决 如果基于数字的第 ...

  9. Python 中的条件运算符

    一.概述 在 C.Java 等语言中,有一种常见的条件运算符,又叫"三目运算符". 详情参见 [条件运算符-wikipedia][https://zh.wikipedia.org/ ...

  10. bug最后汇总-2018/08/03

    一.对于点击后请求时间过长的按钮 现象:容易给用户点击无效的错觉,从而导致多次点击,从而发出多个相同请求,这显然是不符合我们意愿的 解决: 用户点击发出多个请求:加个锁,当用户点击后,将锁关闭,使用户 ...