# chat-app
#### 介绍
一个基于django、nodejs、vue的websocket实时点对点通讯项目,关键词 QQ、微信、实时聊天、django、vue、nodejs、websocket。
#### 软件架构
本项目完成的功能:注册登录、搜索添加好友、好友之间点对点实时通讯、信息查看、历史消息记录。
项目http服务端又django提供
项目websocket服务端由nodejs提供
项目前端部分由vue提供
项目主要数据库MySQL
#### 安装教程
1. 如何运行django服务端(这里执行的命令需要在chat_app目录下执行):
建立你的虚拟环境,按照requirements.txt将所有第三方包安装好,
pip install -r requirements.txt
我在开发中使用的是MySQL,当然你也可以使用自带的开发数据库db.sqlite3
无论你选择什么数据库,不要忘记迁移数据
python manage.py makemigration
python manage.py migrate
运行你的django服务
python manage.py runserver
2. 如何运行nodejs服务端
提前安装好nodejs的开发环境,在包含文件 websocket_server.js 的目录(websocket_serever)下执行
npm install nodejs-websocket
node websocket_server.js
3. 如何运行vue客户端
在vue_websocket_chat_app目录下
npm install (如果你在国内,你可能需要使用cnpm install)
确保没有报错后
npm run dev
#### 使用说明
1. 确保你的所有无法都运行正常,如果有报错请先解决,或者联系我。
2. 浏览器访问 http://127.0.0.1:8090/#/login 登录(无账号需要注册,注意这里手机号可以随意输入,例如17312345601等)
3. 开始你的使用
### 相关演示
注册
![image](https://img-blog.csdnimg.cn/20190515134644583.gif)
添加好友
![](https://img-blog.csdnimg.cn/20190515134631939.gif)
登录、聊天、历史消息
![image](https://img-blog.csdnimg.cn/20181221205930919.gif)
#### 参与贡献
1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【资源说明】 高分项目 基于Python+Django+Vue+websocket实时点对点通讯系统源码+部署文档+全部数据资料.zip 【备注】 1、该项目是个人高分项目源码,已获导师指导认可通过,答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用,也可作为毕业设计、课程设计、作业、项目初期立项演示等,当然也适合小白学习进阶。 4、如果基础还行,可以在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!
资源推荐
资源详情
资源评论
收起资源包目录
高分项目 基于Python+Django+Vue+websocket实时点对点通讯系统源码+部署文档+全部数据资料.zip (72个子文件)
chat-app-master
websocket_server
websocket_server.js 6KB
package-lock.json 341B
README.md 39B
vue_websocket_chat_app
.editorconfig 147B
src
App.vue 571B
store
index.js 3KB
assets
logo.png 7KB
main.js 476B
api
login.js 593B
chat.js 1KB
utils
request.js 1KB
user.js 545B
router
index.js 3KB
static
css
font-awesome.min.css 30KB
icon
icon-login@3x.png 4KB
chat.gif 1.8MB
add_chat.gif 2.24MB
views
baseview
login.vue 7KB
ChatBase.vue 3KB
register.vue 4KB
addfriend_true.vue 4KB
friendinfoview.vue 4KB
addfriend.vue 4KB
addfriend_agree.vue 5KB
useraccount.vue 4KB
chating.vue 6KB
chatview.vue 4KB
userinfoview.vue 3KB
friendsview.vue 2KB
.babelrc 230B
package.json 2KB
build
check-versions.js 1KB
logo.png 7KB
utils.js 3KB
vue-loader.conf.js 553B
webpack.prod.conf.js 5KB
build.js 1KB
webpack.base.conf.js 2KB
webpack.dev.conf.js 3KB
package-lock.json 395KB
.postcssrc.js 246B
index.html 662B
static
.gitkeep 0B
README.md 31B
config
prod.env.js 101B
index.js 2KB
dev.env.js 237B
.gitignore 385B
chat_app
middleware
__init__.py 0B
BaseMiddleWare.py 2KB
manage.py 540B
base
utils.py 2KB
__init__.py 0B
tests.py 62B
admin.py 63B
migrations
__init__.py 0B
serializers.py 491B
apps.py 83B
models.py 2KB
urls.py 777B
settings.py 1KB
authentication.py 3KB
views.py 10KB
requirements.txt 339B
chat_app
__init__.py 0B
wsgi.py 393B
urls.py 168B
settings.py 5KB
README.md 37B
README.md 2KB
Django系统部署文档.md 3KB
171265889347208773632.zip 416B
共 72 条
- 1
资源评论
不走小道
- 粉丝: 3243
- 资源: 5112
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功