用Python写了个websocket即时聊天网页（含客户端、服务端代码）

最新推荐文章于 2024-06-13 14:10:47 发布
最新推荐文章于 2024-06-13 14:10:47 发布
阅读量2.1w 收藏 43
点赞数 8
分类专栏： Python 技术杂谈
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/toulen3171/article/details/48345027
版权

其他的不说，原理自己搜下，直接上代码


客户端代码：

<html>  
<head>  
<title>WebSocket</title>
    <script src="jquery路径" type="text/javascript"></script>
    <style>
        *{font-family: "微软雅黑"; margin: 0; padding: 0;}

html,
body{width: 100%; height: 100%; background: #000; position: relative;}

.msgInfo{position: fixed; right: 2%; top: 2%; height: 96%; width: 20%; background: #666;}
.msgInfo .hd{width: 100%; text-align: center; height: 40px; line-height: 40px; color: #fff; background: #333;}
.msgInfo .bd{ padding: 20px; height: 100%; overflow: auto; color: #fff; line-height: 30px;}
.msgInfo .bd p{margin: 5px 0;}

.sendBox{position: fixed; left: 2%; bottom: 2%; width: 74%; height: 10%; background: #666; overflow: hidden;}
.sendBox textarea{width: 90%; height: 100%; display: inline-block; background: #666; color: #fff; border: none; float: left;}
.sendBox button{width: 10%; height: 100%; display: inline-block; background: #333; cursor: pointer; color: #fff; border: none; float: left;}

.renBox{margin-left: 2%; margin-top: 2%; width: 74%; height: 84%; position: relative; overflow: hidden; float: left;}
.renBox .ren{display: inline-block; position: absolute; left: 500px; top: 500px;}
.renBox .ren .renHead{ display: inline-block; width: 20px; height: 20px; border-radius: 10px; background: #fff;}
.renBox .ren .sayInfo{color: #fff; position: absolute; top: -30px; width: 200px; left: -90px; text-align: center;}
.renBox div{color: #fff; margin-left: 100%; width: 100%; overflow: hidden; height: 30px;line-height: 30px; font-size: 20px;}


.firstStep{position: fixed; width: 100%; height: 100%; z-index: 999; background: #000; text-align: center;}
.firstStep .firstName{display: inline-block; padding-top: 300px;}
.firstStep .firstName .username{width: 300px; height: 40px; border: 0; padding: 0 10px;}
.firstStep .firstName .btn{width: 100px; height: 40px; border: 0; background: #333; color: #fff; cursor: pointer;}
    </style>
<script>  
var socket;  
   
function init(username){
  var host = "ws://localhost:11011/name/"+username;
  try{  
    socket = new WebSocket(host);  
    socket.onopen    = function(msg){
        log('您已经进入聊天室'
最低0.47元/天 解锁文章
MaoPer大师
关注
  • 8
    点赞
  • 踩
  • 43
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
专栏目录
python 使用 websocket 以及 websocket_client 实现简单的客户端与服务端
comedate的专栏
10-19 6227
#!/usr/bin/env python # encoding: utf-8 import websockets import asyncio class WSserver(): async def handle(self, websocket, path): recv_msg = await websocket.recv() print("i received %s" % recv_msg) await websocket.send('serv
基于python的聊天软件_基于Html5 websocket和Python的在线聊天室（python 服务器端）...
weixin_39798031的博客
11-24 159
1.[代码]在线聊天室（python 服务器端）import socketimport structimport hashlibimport threading,randomconnectionlist = {}def sendMessage(message):global connectionlistfor connection in connectionlist.values():connec...
SQLite 入门教程（非常详细）零基础入门到精通，收藏这一篇就够了
最新发布
ewii12567的博客
06-13 811
不是 MySQL 用不起，而是 SQLite 更有性价比，绝大多数的应用 SQLite 都可以满足。是一个用 C 语言编写的开源、轻量级、快速、独立且高可靠性的 SQL 数据库引擎，它提供了功能齐全的数据库解决方案。SQLite 几乎可以在所有的手机和计算机上运行，它被嵌入到无数人每天都在使用的众多应用程序中。此外，SQLite 还具有稳定的文件格式、跨平台能力和向后兼容性等特点。SQLite 的开发者承诺，至少在 2050 年之前保持该文件格式不变。本文将介绍 SQLite 的基础知识和使用方法。
使用Python创建websocket服务端并给出不同客户端的请求
编辑编辑器
01-16 1万+
最后的最后由本人水平所限，难免有错误以及不足之处， 屏幕前的靓仔靓女们 如有发现，恳请指出！你轻轻地点了个赞，那将在我的心里世界增添一颗明亮而耀眼的星！
使用HTML5的WebSocket实现服务端和客户端数据通信（有演示和源码）
weixin_34410662的博客
04-03 3594
WebSocket协议是基于TCP的一种新的网络协议。WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。依靠这种技术可以实现客户端和服务器端的长连接，双向实时通信。 WebSocket最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术...
【python socket】实现websocket服务端
ChaoChao66666的博客
03-06 2721
1.获取握手信息 2.格式化websocket请求头 3.提取key并加密 4.将加密的结果返回客户端 5.和客户端连接后的操作 服务端完整代码
WebSocket服务端程序v160_websocekt即时通讯_
10-03
描述中的"socket通信即时服务端源码 客服端服务端"进一步说明了这个压缩包的内容，它包含的是WebSocket服务端的源代码，可能还包括客服端（client-side）的实现。Socket是网络编程中的基础概念，是进程间通信的一种...
unity websocket 聊天室案例
02-20
服务端通常用Node.js、Java、Python等后端语言实现，这里以Node.js为例，可以使用ws库来创建WebSocket服务器。服务端的主要任务是接收和广播消息，保持用户状态，处理新连接和断开连接的事件。 客户端部分，我们...
websocket聊天室
11-30
在提供的文件`wechat-master`中，可能包含了实现WebSocket聊天室的源代码，包括前端的JavaScript或者TypeScript代码，以及后端可能的Node.js、Python或者其他语言的服务端代码。这些代码可能涉及WebSocket库的使用，...
基于websocket实现浏览器端文本、视频、语音的即时通讯.zip
12-04
9. **服务端实现**：WebSocket服务端可以使用多种语言实现，如Node.js的ws库，Java的Jetty或Tomcat，Python的WebSocket-Server等。服务端需要处理连接管理、消息分发和错误处理。 10. **跨域问题**：WebSocket连接...
myqq.rar_qq聊天_即时通讯_鍗虫椂閫氳
09-20
1. **实时性**：QQ聊天的核心特点是实时性，通过心跳机制保持客户端与服务器的持续连接，确保信息的即时传输。 2. **多平台兼容**：QQ不仅支持Windows桌面端，还涵盖了Android、iOS、Web等不同平台，实现了跨平台...
python与html5搭建聊天室_html5 websocket 新版协议聊天室 服务端（python版）
weixin_29541743的博客
02-03 233
网上找了很多代码都是旧版协议的，研究了很久终于弄清楚了 现在发个用新版协议写的服务端代码出来(这个代码是从网上旧版协议改过来的)最要就是握手协议和发送接受字符的方式变了# incoding=utf-8import socketimport structimport hashlibimport threading,randomimport sysreload(sys)sys.setdefaulten...
python基于socket实现WebSocket简易实现——壹
sinat_32651363的博客
02-22 1万+
基于socket包，简易websocket客户端服务端实现，可通过客户端发送消息至服务端，服务端接受消息。 python中socket、socketio、flask-socketio、WebSocket的区别与联系---TCP/IP原理图 socket 是通信的基础，并不是一个协议，Socket是应用层与TCP/IP协议族通信的中间软件抽象层，它是一组接口。在设计模式中，Socket其实就是一...
python-websocket-channels-单对单聊天
叽里呱啦的一大摊，人生太艰难.
07-15 1183
python-websocket-channels-单对单聊天
python websocket server_Python Websocket服务端
weixin_39770506的博客
12-03 133
您好，您写的文章对我帮助非常大，实在感谢。现在使用您代码的时候遇到以下问题：1.process和websocket文件报错：File “E:\python\lib\multiprocessing\process.py”, line 297, in _bootstrapself.run()File “E:\python\lib\multiprocessing\process.py”, line 99...
Python进行websocket接口测试
思月行云
01-10 4065
Python进行websocket接口测试 Nikon937 Python进行websocket接口测试 - 简书 我们在做接口测试时，除了常见的http接口，还有一种比较多见，就是socket接口，今天讲解下怎么用Python进行websocket接口测试。 现在大多数用的都是websocket，那我们就先来安装一下websocket的安装包。 pip install websocket-client 安装完之后，我们就开始我们的websocket之旅了。 我们先来看个简单的例子：
python web 服务器压力测试_python实现websocket的客户端压力测试
weixin_28987001的博客
03-01 556
使用python进行websocket的客户端压力测试，这个代码是从github上 找到。然后简单修改了下。大神运用了进程池，以及线程池的内容。所以保存下来，学习学习然后需要说明的是：本次用的python2.7，也尝试用python3.6，但是老实出现websocket-client包和python3不能兼容的情况，提示没有相关的方法。所以不得已最后又采用了python2# -*- coding:...
python之WebSocket协议
weixin_30678349的博客
05-14 358
一、WebSocket理论部分 1、websocket是什么 Websocket是html5提出的一个协议规范，参考rfc6455。 websocket约定了一个通信的规范，通过一个握手的机制，客户端（浏览器）和服务器（webserver）之间能建立一个类似tcp的连接，从而方便c－s之间的通信。在websocket出现之前，web交互一般是基于http协议的短连接或者长连接。 WebSo...
python websocket Django 实时消息推送
热门推荐
xianailili的博客
08-29 2万+
概述：    WebSocket 是什么？      WebSocket 是 HTML5 提供的一种浏览器与服务器间进行全双工通讯的协议。依靠这种协议可以实现客户端和服务器端 ，一次握手，双向实时通信。 WebSocket 客户端： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;     {% load static %}     //&...
使用websocket写服务端和客户端代码
09-14
### 回答1： 使用websocket写服务端代码，需要用到以下几个步骤：1. 创建websocket实例，用来连接服务端和客户端；2. 添加服务端的回调函数，当客户端发送消息时，服务端就会收到消息；3. 向客户端发送消息；4. 关闭websocket连接。使用websocket写客户端代码，需要用到以下几个步骤：1. 创建websocket实例，用来连接服务端和客户端；2. 添加客户端的回调函数，当服务端发送消息时，客户端就会收到消息；3. 向服务端发送消息；4. 关闭websocket连接。 ### 回答2： 使用WebSocket编写服务端和客户端代码是一种实现实时双向通信的方式。以下是一个简单的示例： 服务端代码： ```python import asyncio import websockets async def handle(websocket, path): while True: message = await websocket.recv() print(f"Received message: {message}") await websocket.send(f"Server received: {message}") async def start_server(): server = await websockets.serve(handle, "localhost", 8000) print("Server started on ws://localhost:8000") await server.wait_closed() asyncio.run(start_server()) ``` 客户端代码： ```python import asyncio import websockets async def send_message(message): async with websockets.connect("ws://localhost:8000") as websocket: await websocket.send(message) response = await websocket.recv() print(f"Received response: {response}") asyncio.run(send_message("Hello server!")) ``` 在服务端代码中，我们使用`websockets`模块创建一个WebSocket服务器，并定义了一个`handle`函数来处理接收到的消息。该函数通过`await websocket.recv()`接收客户端发送的消息，并使用`await websocket.send()`向客户端发送响应消息。 在客户端代码中，我们使用`websockets`模块创建一个WebSocket连接，并使用`await websocket.send()`向服务端发送消息。使用`await websocket.recv()`接收服务端的响应消息，并输出到控制台。 以上是一个简单的WebSocket服务端和客户端代码示例，可以通过运行这两个代码来实现双向通信。 ### 回答3： 使用WebSocket编写服务端和客户端代码如下： 服务端代码： ``` import asyncio import websockets # 定义WebSocket服务器的处理逻辑 async def server_handler(websocket, path): # 接收客户端的消息 while True: message = await websocket.recv() print(f"收到消息：{message}") # 发送消息给客户端 response = f"已收到你的消息：{message}" await websocket.send(response) # 启动WebSocket服务器 start_server = websockets.serve(server_handler, 'localhost', 8000) # 开始事件循环 asyncio.get_event_loop().run_until_complete(start_server) asyncio.get_event_loop().run_forever() ``` 客户端代码： ``` import asyncio import websockets # 定义WebSocket客户端的处理逻辑 async def client_handler(): async with websockets.connect('ws://localhost:8000') as websocket: # 发送消息给服务端 message = input("请输入消息：") await websocket.send(message) print(f"发送消息：{message}") # 接收服务端的消息 response = await websocket.recv() print(f"收到服务端的响应：{response}") # 执行WebSocket客户端逻辑 asyncio.get_event_loop().run_until_complete(client_handler()) ``` 以上是一个简单的WebSocket服务端和客户端代码示例。服务端使用`websockets`库创建一个WebSocket服务器，通过定义`server_handler()`函数来处理来自客户端的消息，并将响应返回给客户端。客户端使用`websockets`库建立与服务端的连接，通过定义`client_handler()`函数来向服务端发送消息，并接收服务端的响应。请注意，服务端和客户端的代码分别运行在不同的程序中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值