网站首页 网站建设 IT知识 IT知识教程 vue+socket.io+express+mongodb 实现简易多房间在线群聊示例

vue+socket.io+express+mongodb 实现简易多房间在线群聊示例

2021-05-26 21:11:14

项目简介

主要是通过做一个多人在线多房间群聊的小项目、来练手全栈技术的结合运用。

项目源码：chat-vue-node

主要技术： vue2全家桶 + socket.io + node(express) + mongodb(mongoose)

环境配置： 需安装配置好 node,mongodb环境（参考：https://mit('updateGroupState', obj) } }, getters: { getChatState (state) { return state.chatState }, getGroupState (state) { return state.groupState } }})

在全局中更新state、获取state:

// 更新this.$store.dispatch('updateChatState', {account: null, nickName: null})// 获取this.$store.getters.getChatState

数据库接口api

module.exports = function (app) { app.all("*", function(req, res, next) { next() }) // api login 登录 app.get('/api/user/login', function (req, res) { // ... }) // api register 注册 app.get('/api/user/register', function (req, res) { // ... }) // getAccountGroup 获取可进入的房间 app.get('/api/user/getAccountGroup', function (req, res) { // ... }) // getGroupNumber 获取当前房间的群成员 app.get('/api/user/getGroupNumber', function (req, res) { // ... }) // api getChatLog 获取当前房间的聊天记录 app.get('/api/getChatLog', function (req, res) { // ... }) app.get('*', function(req, res){ res.end('404') })}

更多详细的实现，请看 源码chat-vue-node ，里面保留着开发摸索时的很多注释。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。 如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章

socket.io与pm2（cluster）集群搭配的解决方案
socket.io与cluster在线上系统中，需要使用node的多进程模型，我们可以自己实现简易的基于cluster模式的socket分发模型，也可以使用比较
如何优雅的在一台vps（云主机）上面部署vue+mongodb+express项目
项目：vue+express+mongodb项目前后分离部署在一台服务器上面express端口：3000mongodb端口：27017vue端口：本地是8080
Nodejs进阶：express+session实现简易登录身份认证
文档概览本文基于express、express-session实现了简易的登录/登出功能，完整的代码示例可以在这里找到。环境初始化首先，初始化项目express
express+mongoose实现对mongodb增删改查操作详解
本文实例讲述了express+mongoose实现对mongodb增删改查操作。分享给大家供大家参考，具体如下：项目地址：https://github.com/
vue-cli实现多页面多路由的示例代码
项目下载地址vue-cli多页面多路由项目示例：vue+webpack+vue-router+vuex+mock+axiosUsageThisisaprojec

最新文章

载入进度条 效果
邮件发送简单例子-html文件
详解关于html，css，js三者的加载顺序问题
限制复选框的最大可选数
随鼠标上下滚动的jquery代码

hot 热门文章

python模拟登陆Tom邮箱示例分享
苹果11抖音怎么投屏? iphone将投影投屏到电视的技巧
蚂蚁森林节气签怎么领
华为mate30怎么更新系统？华为mate30更新手机系统教程
小米电视怎么下载斗鱼

猜你喜欢

JavaScript 命名空间 使用介绍
javascript ���名规则 变量命名规则
javascript 秒表计时器实现代码
Javascript 面向对象之重载
JavaScript 面向对象之命名空间
以上产品还未完全满足我的所有需求，在下方提交我的专属需求
我的专属需求：
*手机号：
*验证码：
img
咨询报价
现在咨询
img

在线咨询

建站在线咨询
img

获取方案

获取建站报价/方案

我们联系您img

img

微信咨询

扫一扫添加
动力姐姐微信
img
img

TOP

我们尽快联系您