实验1：实现初始的通信

　　客户端：用浏览器向服务端发送信息

　　服务端：首先接收浏览器发来的信息，并作出相应应答

　　第一步：需要导入模块：

from flask import Flask,request

from geventwebsocket.websocket import WebSocket

from geventwebsocket.handler import WebSocketHandler

from gevent.pywsgi import WSGIServer

　　第二步：HTML客户端设置

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>浏览器模拟发送信息简单实现，websocket通信</title>

</head>

<body>

</body>

<script type="text/javascript">

    var ws = new WebSocket("ws://127.0.0.1:9527/ws");

    ws.onmessage=function (data) {

        console.log(data.data);

    }

</script>

</html>

　　第三步：服务端设置　

#先导入一下模块
from flask import Flask,request

from geventwebsocket.websocket import WebSocket

from geventwebsocket.handler import WebSocketHandler

from gevent.pywsgi import WSGIServer


#创建一个flask对象

app=Flask(__name__)

@app.route("/index")

def index():

    return "欢迎进入index界面"

#websocket验证函数

@app.route('/ws')

def ws():

    print(request.environ)

    user_socket = request.environ.get("wsgi.websocket")  #type:WebSocket

    print(user_socket)  #<geventwebsocket.websocket.WebSocket object at 0x043A4298>

    while 1:

        msg=user_socket.receive()

        user_socket.send("hello")

if __name__ == '__main__':

    http_serv = WSGIServer(("0.0.0.0", 9527), app, handler_class=WebSocketHandler)
　　
　　#始终保持运行（用于长期交互状态）

    http_serv.serve_forever()

演示鲜果图如下:

Flask-WebSocket案例的更多相关文章

  1. Flask websocket

    websocket 概念 是一套协议,协议规定了: - 连接时需要握手 - 发送数据进行加密 - 连接之后不断开 意义 实现长轮询等操作 框架支持 - flask,gevent-websocket - ...

  2. Flask+WebSocket实现群聊与单聊功能

    在开始我们的程序代码之前,先来了解一下相关的基础知识: 1.什么是websocket? (1)WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议.WebSocket ...

  3. flask + websocket实现简单的单聊和群聊

    单聊 from flask import Flask,request,render_template from geventwebsocket.handler import WebSocketHand ...

  4. springMVC（spring）+WebSocket案例（获取请求参数）

    开发环境(最低版本):spring 4.0+java7+tomcat7.0.47+sockjs 前端页面要引入: <script src="http://cdn.jsdelivr.ne ...

  5. spring(spring mvc)整合WebSocket案例（获取请求参数）

    开发环境(最低版本):spring 4.0+java7+tomcat7.0.47+sockjs 前端页面要引入: <script src="http://cdn.jsdelivr.ne ...

  6. flask综合案例

    一.项目准备 1.新建项目目录students,并创建虚拟环境 mkvirtualenv students 2.安装依赖环境 pip install flask==0.12.4 pip install ...

  7. websocket协议及案例

    WebSocket是一种用于在服务器与客户端之间实现高效的双向通信的机制.可以解决数据实时性要求比较高的应用,比如:在线聊天,在线教育,炒股或定位等. 一:websocket产生背景: 为了解决这种实 ...

  8. webSocket详解

    WebSocket 实战http://www.ibm.com/developerworks/cn/java/j-lo-WebSocket/index.html 转自IBMdeveloperWorks ...

  9. WebSocket 实战

    http://www.ibm.com/developerworks/cn/java/j-lo-WebSocket/ 本文介绍了 HTML5 WebSocket 的由来,运作机制及客户端和服务端的 AP ...

  10. WebSocket 实战--转

    原文地址:http://www.ibm.com/developerworks/cn/java/j-lo-WebSocket/ WebSocket 前世今生 众所周知,Web 应用的交互过程通常是客户端 ...

随机推荐

  1. (转) HTTP Request header

    HTTP Request header 当今web程序的开发技术真是百家争鸣,ASP.NET, PHP, JSP,Perl, AJAX 等等. 无论Web技术在未来如何发展,理解Web程序之间通信的基 ...

  2. POJ 2718 Smallest Difference(dfs，剪枝)

    枚举两个排列以及有那些数字,用dfs比较灵活. dfs1是枚举长度短小的那个数字,dfs2会枚举到比较大的数字,然后我们希望低位数字的差尽量大, 后面最优全是0,如果全是0都没有当前ans小的话就剪掉 ...

  3. form 表单 和 jQuery HTML / CSS 方法（$().html 类似的样式）

    1 有关链接 :http://www.runoob.com/tags/tag-form.html https://www.cnblogs.com/Jxwz/p/4509618.html https:/ ...

  4. Elastic Stack 安装

    Elastic Stack 是一套支持数据采集.存储.分析.并可视化全面的分析工具,简称 ELK(Elasticsearch,Logstash,Kibana)的缩写. 安装Elastic Stack ...

  5. 1911: [Apio2010]特别行动队

    Time Limit: 4 Sec  Memory Limit: 64 MBSubmit: 5706  Solved: 2876[Submit][Status][Discuss] Descriptio ...

  6. 初识Java程序，编写简单代码？

    Dear All: 初识Java程序,编写简单代码? 首先小编在这里说下我们今天编写Java程序使用的是 eclipse 开发工具! 1.下载eclipse 官网地址:http://www.eclip ...

  7. Python基础2-Python中文乱码（转）

    转自:https://blog.csdn.net/apache0554/article/details/53889253 前言:中文编码问题一直是程序员头疼的问题,而Python2中的字符编码足矣令新 ...

  8. iView - Form中想要重置DatePicker生效，必须给DatePicker绑定value属性

    Form中想要重置DatePicker生效,必须给DatePicker绑定value属性

  9. 自动化运维工具——ansible剧本playbook（三）

    一.Playbook--Ansible剧本 playbook是由一个或多个 "play"组成的列表 play的主要功能在于将事先归并为一组的主机装扮成事先通过ansible中的ta ...

  10. 麦子学院python开发全套完整无加密课程

    点击了解更多Python课程>>> 麦子学院python开发全套完整无加密课程 第一阶段:Python基础准备 1.Web前端开发之HTML+CSS基础入门 2.Javascript ...