单聊

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. Linux 下面 oracle 数据库连接工具的安装还有特殊字符密码登录的设置

    1. 下载Oracle的连接客户端 https://www.oracle.com/database/technologies/instant-client/downloads.html 2. 我这里仅 ...

  2. windows和linux环境下java调用C++代码-JNI技术

    最近部门做安卓移动开发的需要调C++的代码,困难重重,最后任务交给了我,查找相关资料,没有一个教程能把不同环境(windows,linux)下怎么调用说明白的,自己在实现的过程中踩了几个坑,在这里总结 ...

  3. [cf 585 E] Marbles

    (一道Div2E不会,我太难了) 题意: 给你一个长度为$n$的颜色序列$A$,每次操作可以选择两个相邻元素交换,求把序列交换成“相同颜色挨在一起”所需的最少操作数. 按颜色排序:设颜色$col$在序 ...

  4. Openshift概念

    Openshift是一个开源容器云平台,是一个基于主流的容器技术Docker和K8s构建的云平台.Openshift底层以Docker作为容器引擎驱动,以K8s作为容器编排引擎组件,并提供了开发语言, ...

  5. 从实践到原理，带你参透 gRPC

    gRPC 在 Go 语言中大放异彩,越来越多的小伙伴在使用,最近也在公司安利了一波,希望这一篇文章能带你一览 gRPC 的巧妙之处,本文篇幅比较长,请做好阅读准备.本文目录如下: 简述 gRPC 是一 ...

  6. JavaScript判断是否是正确数值 isNaN

    NaN在JavaScript中表示不是数字 JavaScript中isNaN函数方法是返回一个 Boolean 值,指明提供的值是否是保留值 NaN (不是数字). 使用方法:isNaN(numVal ...

  7. visual studio 2015 开发时常见问题的解决方案

    1.visual studio 2015 用printf函数打印时来不及看结果窗口就关闭 方案一 在所写的代码后面,加上system("PAUSE"); 如下:

  8. win10下jupyter修改默认路径的办法

    查了很多资料,发现都不管用,最后亲测找到一种方法. 实现的方法就是修改快捷方式标签的目标栏,如下图: 后面有一个%USERPROFILE% 将%USERPROFILE%改成你要的路径就可以了 然后应用 ...

  9. shell截取字符串操作

    举例变量:url=http://www.baidu.com/123456.html 1. # 号截取,删除左边字符,保留右边字符. echo ${url#*//} # 其中 url 是变量名,# 号是 ...

  10. git恢复已删的分支

    git恢复已经删除的分支 执行git命令, 找回之前提交的commit git log -g 执行效果 commit 80fd3a3e1abeab52030ee9f6ec32b5c815de20a9 ...