Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

enjoyphen/Python_Websocket_flask_chat

Repository files navigation

Python_Websocket_flask_chat

Based on python ,real-time chat.

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

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

技术栈:

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

下面是效果图:

界面效果图

下面是前端的代码结构:

前端代码截图

Python端代码结构:

python后端代码截图

运行本项目

安装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

About

Based on python ,real-time chat.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 56.8%
  • Python 22.5%
  • CSS 19.2%
  • HTML 1.5%

AltStyle によって変換されたページ (->オリジナル) /