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. TimeQuest学习总结

    1. 基本时钟约束:creat_clock 2. 生成时钟约束:creat_generated_clock 3. I/O输入输出约束:(1)纯组合逻辑:set_max_delay & set_ ...

  2. PAT 天梯赛 L1-007. 念数字 【水】

    题目链接 https://www.patest.cn/contests/gplt/L1-007 AC代码 #include <iostream> #include <cstdio&g ...

  3. $微信小程序开发实践点滴——Bmob常用API的使用

    Bmob后端云官网:http://www.bmob.cn/ Bmob后端云微信小程序开发文档:http://docs.bmob.cn/data/wechatApp/b_developdoc/doc/i ...

  4. jQuery焦点图插件

    在线演示 本地下载

  5. Docker_remote_api未授权访问漏洞

    docker remote  api主要的目的是取代命令行界面, docker client和docker daemon通过unix domain socket进行通信. 默认情况下,只有本机的roo ...

  6. 20145201《Java程序设计》第九周学习总结

    20145201 <Java程序设计>第九周学习总结 教材学习内容总结 JDBC是用于执行SQL的解决方案,开发人员使用JDBC的标准接口,数据库厂商则对接口进行操作,开发人员无须接触底层 ...

  7. 2018-2019-2 20165114《网络对抗技术》Exp2 后门原理与实践

    目录 一.实验准备 二.实验内容 三.基础问题回答 四.实验过程及步骤 五.实验总结与体会 六.实验中遇到的问题与错误. 一.实验准备 1.后门概念 后门就是不经过正常认证流程而访问系统的通道. 哪里 ...

  8. React Native中加载指示器组件ActivityIndicator使用方法

    这里讲一下React Native中的一个组件——ActivityIndicator,这是一个加载指示器,俗称菊花,很常见的,效果如下所示: 可以看到图中有两个加载指示器,一大一小,这是尺寸不是我设置 ...

  9. Spring注解（环境）

    以数据库为例: 引入 c3p0数据源maven坐标 数据库驱动 @Configuration @PropertySource("classpath:/db.config.properties ...

  10. 近年现场比赛补题(From 2013 to 2018)[持续更新]

    2013年 Noip提高组 Day1 Day2 2014年 Noip提高组 Day1 Day2 2015年 2016年 2017年 2018年