单聊

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. 【Codeforces627E】Orchestra（双指针_链表）

    题目 Codeforces627E 翻译 好久没做英语阅读了,来爽一爽吧 ~ 描述 保罗是管弦乐队的成员.弦乐组安排在一个 \(r\times c\) 的矩形方格区域中,其中有 \(n\) 个中提琴手 ...

  2. java-工厂

    class Mouse{ public void sayHi(){}; } class DellMouse extends Mouse { @Override public void sayHi() ...

  3. python算法介绍：希尔排序

    python作为一种新的语言,在很多功能自然要比Java要好一些,也容易让人接受,而且不管您是成年人还是少儿都可以学习这个语言,今天就为大家来分享一个python算法教程之希尔排序,现在我们就来看看吧 ...

  4. Django-07-Model操作

    一.数据库的配置 1. 数据库支持 django默认支持sqlite.mysql.oracle.postgresql数据库  <1> sqlite django默认使用sqlite的数据库 ...

  5. Python解析 算数表达式求值 栈的使用

    使用Python实现一种算数表达式求值的算法,模拟这种使用栈的方式,这是由E.W.Dijkstra在20世纪60年代发明的一种非常简单的算法.代码模拟仅仅表现一种编程思想,代码的逻辑并不完全: if ...

  6. [开发ing] Unity项目 - Hero英雄

    目录 游戏原型 项目演示 绘图资源 代码实现 技术探讨 参考来源 游戏原型 游戏介绍:这是一款横版类魂游戏,玩家将操控Hero,在诸神黄昏的墓地中,挑战源源不断的敌人,以及近乎无敌的强大boss 灵感 ...

  7. nginx+lua+storm的热点缓存的流量分发策略自动降级

    1.在storm中,实时的计算出瞬间出现的热点. 某个storm task,上面算出了1万个商品的访问次数,LRUMap 频率高一些,每隔5秒,去遍历一次LRUMap,将其中的访问次数进行排序,统计出 ...

  8. 手把手教你打造高效的 Kubernetes 命令行终端

    Kubernetes 作为云原生时代的操作系统,熟悉和使用它是每名用户的必备技能.本文将介绍一些提高操作 Kubernetes 效率的技巧以及如何打造一个高效的 Kubernetes 命令行终端的方法 ...

  9. pandas.to_datetime() 只保留【年-月-日】

    Outline pandas.to_datetime()  生成的日期会默认带有 [2019-07-03 00:00:00]的分钟精度:但有时并不需要这些分钟精度: 去掉分钟精度 可以通过pandas ...

  10. float与position间的区别

    float与position间的区别:    个人理解为:脱离文档流不一定脱离文本流:但脱离文本流,则也脱离文档流.[如有更好的理解还望评论区一起探讨,共同学习进步]一.float 浮动(脱离文档流, ...