Python+React+Websocket+Redis实现的实时多人聊天

上两个礼拜在学习Python和React,完成了一个demo,前端使用React+Redux实现,参考并借鉴了网上代码,后端采用Python的Flask框架,在数据存储方面,简单的利用了Redis进行缓存。
项目包括以下几块内容:

  • 登录功能,不允许重复用户名密码
  • 对在线人数进行过滤搜索
  • 每5s更新一次在线聊天人数
  • 登录时获取近一段时间的聊天室聊天数据
  • 聊天数据以localStorage存在本地,再次刷新数据不会丢失

技术栈:

  • Python Flask作为后端代码实现
  • Redis作为数据存储
  • 基于React+Redux前端框架作为实现

下面是效果图:

这里写图片描述

下面是前端的代码结构:

这里写图片描述

Python端代码结构:

这里写图片描述

有需要的同学可以从我的github上clone:
Python_Websocket_flask_chat

运行本项目

安装Node.js

安装Nodejs:

sudo apt-get install nodejs

安装npm:

sudo apt-get install npm

配置cnpm:

npm install -g cnpm --registry=https://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org

安装Python

安装python:

sudo apt-get install python2.7 python2.7-dev

安装pip:

sudo apt-get install python-pip

安装Redis

下载redis:

wget http://download.redis.io/releases/redis-4.0.2.tar.gz
tar xzf redis-4.0.2.tar.gz
cd redis-4.0.2
make

###运行前端代码
进入**/Python_Websocket_flask_chat/app/static**
分别执行:

npm install

运行开发环境:

npm run dev

接着访问:http://localhost:8085/
即可看到主页。

运行Redis

进入Redis根目录
执行:

./redis-server

运行python服务器

下载所需依赖:

pip install -r /Python_Websocket_flask_chat/requirements/requirements.txt

运行服务器:

python /Python_Websocket_flask_chat/manage.py

觉得博主写的有用,不妨关注博主公众号: 六点A君。
在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值