1.下载必须的包 https://github.com/Pithikos/python-websocket-server，解压缩并把文件夹名‘python-websocket-server-master’ 改为‘websocket’

2.websocket文件夹内只保留websocket_server文件夹和server.py

3.稍微修改server.py的源码

 from websocket_server import WebsocketServer

 # Called for every client connecting (after handshake)

 def new_client(client, server):

         print("New client connected and was given id %d" % client['id'])

         #server.send_message_to_all("a new client...")

         server.send_message(client,"请问有什么可以帮到您？")

 # Called for every client disconnecting

 def client_left(client, server):

         print("Client(%d) disconnected" % client['id'])

 # Called when a client sends a message

 def message_received(client, server, message):

         if len(message) > 200:

                 message = message[:200]+'..'

         print("Client(%d)_address%s said: %s" % (client['id'],client['address'], message))

         server.send_message(client,'用户编号'+str(client['id'])+':'+message)

 PORT=9001

 server = WebsocketServer(PORT,host="192.168.150.128")

 server.set_fn_new_client(new_client)

 server.set_fn_client_left(client_left)

 server.set_fn_message_received(message_received)

 server.run_forever()

4.编辑client.html

 <!DOCTYPE html>

 <html>

    <head>

    <meta charset="utf-8">

    <title>html5 websocket特性</title>

    <style>

       body{

          overflow: hidden;

       }

       h2{

          margin-top: 30px;

          text-align: center;

          background-color: #393D49;

          color: #fff;

          font-weight: normal;

          padding: 15px 0

       }

       #chat{

          text-align: center;

       }

       #win{

          margin-top: 20px;

          text-align: center;

       }

       #sse{

          margin-top: 10px;

          text-align: center;

       }

       #sse button{

          background-color: #009688;

          color: #fff;

          height: 40px;

          border: 0;

          border-radius: 3px 3px;

          padding-left: 10px;

          padding-right: 10px;

          cursor: pointer;

       }

    </style>

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

    </head>

    <body>

       <h2>聊天室</h2>

       <div id="chat">

           <textarea id="history" cols="80" rows="40"></textarea>

       </div>

       <div id="win">

          <textarea id="messagewin" cols="80" rows="5"></textarea>

       </div>

       <div id="sse">

          <button onclick="sendMessage()">发送对话</button>

       </div>

       <script type="text/javascript">

       var oHistory = $('#history');

       var oWin = $('#messagewin');

       if ("WebSocket" in window){

          console.log("您的浏览器支持 WebSocket!");

          var ws = new WebSocket("ws://192.168.150.128:9001");

         //var ws = new WebSocket("ws://localhost:9001");

          ws.onopen = function(){

             console.log("websocket 已连接上");

          }

          ws.onmessage = function (evt) {

             var dataReceive = evt.data;

             console.log("数据已接收..."+dataReceive);

             $('#history').val($('#history').val()+dataReceive+"\n");

          };

          ws.onclose = function()

             {

               console.log("连接已关闭...");

          };

       }else{

          // 浏览器不支持 WebSocket

          console.log("您的浏览器不支持 WebSocket!");

       }

       function sendMessage(){

          var dataSend = oWin.val().trim();

          ws.send(dataSend);

          oWin.val('');

       }

    </script>

    </body>

 </html>

界面

3.终端运行server.py，然后通过浏览器访问client.html进行连接

终端运行server.py

浏览器访问对话客户端

终端显示

4.接着尝试在客户端发送一句话

python与html5 websocket开发聊天对话窗的更多相关文章

  1. [已解决][HTML5]基于WebSocket开发聊天室应用

    WebSocket示例java的比较少,大部分是nodejs的,比较有名的是socket.io的chat, 借用下他的前端实现一套java的,后端基于https://github.com/genera ...

  2. AI人工智能-Python实现前后端人机聊天对话

    [前言] AI 在人工智能进展的如火如荼的今天,我们如果不尝试去接触新鲜事物,马上就要被世界淘汰啦~ 本文拟使用Python开发语言实现类似于WIndows平台的“小娜”,或者是IOS下的“Siri” ...

  3. Java后端WebSocket的Tomcat实现 html5 WebSocket 实时聊天

    WebSocket协议被提出,它实现了浏览器与服务器的全双工通信,扩展了浏览器与服务端的通信功能,使服务端也能主动向客户端发送数据.Tomcat7.0.47上才能运行. 需要添加Tomcat里lib目 ...

  4. WebSocket 网页聊天室

    先给大家开一个原始的websocket的连接使用范例 <?php /* * recv是从套接口接收数据,也就是拿过来,但是不知道是什么 * read是读取拿过来的数据,就是要知道recv过来的是 ...

  5. Python之路,Day18 - 开发一个WEB聊天来撩妹吧

    Python之路,Day18 - 开发一个WEB聊天来撩妹吧   本节内容: 项目实战:开发一个WEB聊天室 功能需求: 用户可以与好友一对一聊天 可以搜索.添加某人为好友 用户可以搜索和添加群 每个 ...

  6. Java和WebSocket开发网页聊天室

    小编心语:咳咳咳,今天又是聊天室,到现在为止小编已经分享了不下两个了,这一次跟之前的又不大相同,这一次是网页聊天室,具体怎么着,还请各位看官往下看~ Java和WebSocket开发网页聊天室 一.项 ...

  7. python tornado websocket 多聊天室（返回消息给部分连接者）

    python tornado 构建多个聊天室, 多个聊天室之间相互独立, 实现服务器端将消息返回给相应的部分客户端! chatHome.py // 服务器端, 渲染主页 --> 聊天室建立web ...

  8. Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互

    引言 在与实现了语音合成.语义分析.机器翻译等算法的后端交互时,页面可以设计成更为人性化.亲切的方式.我们采用类似于聊天对话的实现,效果如下: 智能客服(输入文本,返回引擎处理后的文本结果) 语音合成 ...

  9. PyQt（Python+Qt）学习随笔：Qt Designer组件属性编辑界面中对话窗QDialog的modal属性

    modal属性表示窗口执行show()操作时是以模态窗口还是非模态窗口形式展示,缺省为False,设置该值与QWidget.windowModality的值设置为 Qt.ApplicationModa ...

随机推荐

  1. Linux编程 14 文件权限(用户列表passwd，用户控制shadow，useradd模板与useradd命令参数介绍)

    一. 概述 linux安全系统的核心是用户账户. 创建用户时会分配用户ID(UID). UID是唯一的,但在登录系统时不是用UID,而是用登录名.在讲文件权限之之前,先了解下linux是怎样处理用户账 ...

  2. sql server 索引阐述系列五 索引参数与碎片

    -- 创建聚集索引 create table [dbo].[pub_stocktest] add constraint [pk_pub_stocktest] primary key clustered ...

  3. [NewLife.XCode]增量累加

    NewLife.XCode是一个有10多年历史的开源数据中间件,支持nfx/netstandard,由新生命团队(2002~2019)开发完成并维护至今,以下简称XCode. 整个系列教程会大量结合示 ...

  4. linux读书笔记1

    (1)进入控制台命令快捷键:Ctrl+alt+F1~F7

  5. 计算n的阶乘有多少个尾随零

    思路一: 计算出n!= nValue,然后 nValue % 10 == 0 则nCount自增1,nValue /= 10 直到条件为否,最后nCount就是我们想要的结果,代码如下: int Co ...

  6. python三大神器之virtualenv

    virtualenv virtualenv用来管理python项目环境,隔离出一个只属于这个项目的虚拟python环境(windows和Linux用法一样). 首先你需要安装virtualenv模块 ...

  7. 自定义Appium

    改造appium-android-driver 这个driver是UIAutomator1的driver,负责UIAutomator1的服务启动.停止.命令接收和执行. 工程结构 appium-and ...

  8. Go Web：HttpRouter路由

    HttpRouter是一个轻量级但却非常高效的multiplexer.手册: https://godoc.org/github.com/julienschmidt/httprouter https:/ ...

  9. 高负载集群实战之lvs负载均衡-技术流ken

    lvs简介 LVS的英文全称是Linux Virtual Server,即Linux虚拟服务器. 特点 跨平台:window,linux 作用 实现负载均衡 核心组件 ip_vs:linux的内核功能 ...

  10. 简化开发：Lombok的使用

    Java中优雅的使用Lombok 1.简介 Lombok 是一种 Java实用工具,可用来帮助开发人员消除Java的冗长,尤其是对于简单的Java对象(POJO), 它通过注释实现这一目的.一个标准的 ...