单聊

from flask import Flask,request,render_template

from geventwebsocket.handler import WebSocketHandler

from gevent.pywsgi import WSGIServer

from geventwebsocket.websocket import WebSocket

import json

app = Flask(__name__)

user_socket_dict = {}

@app.route('/ws/<username>')

def ws(username):

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

    user_socket_dict[username] = user_socket

    print(len(user_socket_dict),user_socket_dict)

    while 1:

        try:

            msg = user_socket.receive()

            msg = json.loads(msg)

            to_user = msg.get('to_user')

            content = msg.get('msg')

            usocket = user_socket_dict.get(to_user)

            recv_msg = {

                'from_user':username,

                'msg':content

            }

            usocket.send(json.dumps(recv_msg))

        except:

            pass

@app.route('/chat')

def chat():

    return render_template('chat.html')

if __name__ == '__main__':

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

    http_serv.serve_forever()

python代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>单聊</title>

</head>

<body>

    <input type="text" id="username">

    <button onclick="open_ws()">连接服务器</button>

    <p>给：<input type="text" id="to_user"></p>

    <p>发送消息：<input type="text" id="msg"></p>

    <button onclick="send_msg()">发送</button>

    <div id="chat" style="width: 500px; height: 500px;"></div>

    <script type="text/javascript">

        var ws = null;

        function open_ws() {

            var username = document.getElementById('username').value;

            ws = new WebSocket('ws://192.168.19.34:5000/ws/' + username);

            ws.onmessage = function (data) {

                var msg = JSON.parse(data.data);

                var ptag = document.createElement('p');

                ptag.innerText = msg.from_user + ':' + msg.msg;

                document.getElementById('chat').appendChild(ptag);

            };

        }

        function send_msg() {

            var msg = document.getElementById('msg').value;

            var to_user = document.getElementById('to_user').value;

            var send_obj = {to_user:to_user,msg:msg};

            ws.send(JSON.stringify(send_obj));

        }

    </script>

</body>

</html>

页面

群聊

#!/usr/bin/env python

# -*- coding=utf-8 -*-

from flask import Flask,request,render_template

from geventwebsocket.handler import WebSocketHandler

from gevent.pywsgi import WSGIServer

from geventwebsocket.websocket import WebSocket

import json

app = Flask(__name__)

user_socket_list = []

@app.route('/ws')

def ws():

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

    user_socket_list.append(user_socket)

    print(len(user_socket_list),user_socket_list)

    while 1:

        try:

            msg = user_socket.receive()

            for usocket in user_socket_list:

                if usocket != user_socket:

                    usocket.send(msg)

        except:

            user_socket_list.remove(user_socket)

@app.route('/chat')

def chat():

    return render_template('ws.html')

if __name__ == '__main__':

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

    http_serv.serve_forever()

Python代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<p>发送消息：<input type="text" id="msg"></p>

<button onclick="send_msg()">发送</button>

<div id="chat" style="width: 500px;height: 500px;"></div>

<script type="text/javascript">

    var ws = new WebSocket('ws://192.168.19.34:5000/ws');

    ws.onmessage = function (data) {

        var ptag = document.createElement('p');

        ptag.innerText = data.data;

        document.getElementById('chat').appendChild(ptag);

    };

    function send_msg() {

        var msg = document.getElementById('msg').value;

        ws.send(msg)

    }

</script>

</body>

</html>

页面

flask + websocket实现简单的单聊和群聊的更多相关文章

  1. SignalR快速入门 ~ 仿QQ即时聊天，消息推送，单聊，群聊，多群公聊（基础=》提升）

     SignalR快速入门 ~ 仿QQ即时聊天,消息推送,单聊,群聊,多群公聊(基础=>提升,5个Demo贯彻全篇,感兴趣的玩才是真的学) 官方demo:http://www.asp.net/si ...

  2. ASP.NET SignalR 与 LayIM2.0 配合轻松实现Web聊天室（三） 之 实现单聊，群聊，发送图片，文件。

    上篇讲解了如何搭建聊天服务器,以及客户端js怎么和layui的语法配合.服务器已经连接上了,那么聊天还会远吗? 进入正题,正如上一篇提到的我们用 Client.Group(groupId)的方法向客户 ...

  3. netty无缝切换rabbitmq、activemq、rocketmq实现聊天室单聊、群聊功能

    netty的pipeline处理链上的handler:需要IdleStateHandler心跳检测channel是否有效,以及处理登录认证的UserAuthHandler和消息处理MessageHan ...

  4. 基于netty实现单聊、群聊功能

    学习资料 https://juejin.im/book/5b4bc28bf265da0f60130116/section/5b6a1a9cf265da0f87595521 收获: 转载 1. Nett ...

  5. Flask实现简单的群聊和单聊

    Flask是使用python写的一个简单轻量级的框架,今天我们使用Flask实现一个简单的单聊和群聊功能 . 主要思路 : 前端登录聊天室,聊天室信息包含用户的登录信息,相当于一个登录功能,会把这个信 ...

  6. Websocket实现群聊、单聊

    Websocket 使用的第三方模块:gevent-websocket 群聊 ws群聊.py中的内容 from flask import Flask, request, render_template ...

  7. nodejs与websocket模拟简单的聊天室

    nodejs与websocket模拟简单的聊天室 server.js const http = require('http') const fs = require('fs') var userip ...

  8. Asp.net SignalR 应用并实现群聊功能 开源代码

    ASP.NET SignalR 是为 ASP.NET 开发人员提供的一个库,可以简化开发人员将实时 Web 功能添加到应用程序的过程.实时 Web 功能是指这样一种功能:当所连接的客户端变得可用时服务 ...

  9. 一套高可用、易伸缩、高并发的IM群聊架构方案设计实践

    本文原题为“一套高可用群聊消息系统实现”,由作者“于雨氏”授权整理和发布,内容有些许改动,作者博客地址:alexstocks.github.io.应作者要求,如需转载,请联系作者获得授权. 一.引言 ...

随机推荐

  1. Excel在数据表中悬停鼠标显示数据值

    打开一个实例文档,鼠标移动到数据表中,在柱状图上中悬停鼠标,可以看到没有显示数据的值. 鼠标单击左上角的<文件>按钮. 然后单击<选项>按钮. 在弹出的excel选项对话框中单 ...

  2. java + selenium + testng实现简单的UI自动化

    新建Maven项目,添加需要的依赖 1.新建一个Maven项目 2.在pom.xml中添加需要的依赖,这里只要selenium和testng就行 <!-- https://mvnreposito ...

  3. python综合作业要求

    要求: 1.课程成绩数据(学号尾数为0,1同学完成) 至少要完成内容:分析每年不同班级平均成绩情况.不同年份总体平均成绩情况.不同性别学生成绩情况,并用一定图表展示. 2.集美大学各省录取分数数据(学 ...

  4. pyhthon Opencv截取视频中的图片

    import os import cv2 ##加载OpenCV模块 def video2frames(pathIn='', pathOut='', imgname='', only_output_vi ...

  5. 【LEETCODE】64、链表分类，medium&hard级别，题目：2，138，142，23

    package y2019.Algorithm.LinkedList.medium; import y2019.Algorithm.LinkedList.ListNode; /** * @Projec ...

  6. springboot+mybatis实现数据库的读写分离

    介绍 随着业务的发展,除了拆分业务模块外,数据库的读写分离也是常见的优化手段.方案使用了AbstractRoutingDataSource和mybatis plugin来动态的选择数据源选择这个方案的 ...

  7. CentOS7安装Grafana(Yum)

    一.概述 Grafana是一个跨平台的开源的分析和可视化工具,可以通过将采集的数据查询然后可视化的展示,并及时通知. 其特点: 丰富的可视化显示插件,包括热图.折线图.饼图,表格等等. 多数据源,支持 ...

  8. gym101480

    A. ASCII Addition 模拟 #include <iostream> #include <sstream> #include <algorithm> # ...

  9. Java自学-数组 复制数组

    Java 如何复制数组 数组的长度是不可变的,一旦分配好空间,是多长,就多长,不能增加也不能减少 步骤 1 : 复制数组 把一个数组的值,复制到另一个数组中 System.arraycopy(src, ...

  10. 学习笔记之盘一盘 Python 系列 1 & 2 - 入门篇

    盘一盘 Python 系列 1 & 2 - 入门篇 https://mp.weixin.qq.com/s?__biz=MzIzMjY0MjE1MA==&mid=2247486473&a ...