logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue+websocket+nodejs创建聊天室

前言上一篇我们已经讲了如何使用websocket结合ndde.js实现双向通信。下面我们来讲下,通过websocket和nodejs-websocket,构建一个小型聊天室。先讲下大概思路:客户端需要传给服务器当前登陆者的昵称和uid,服务端收到数据后,把信息同步广播给当前聊天室内的所有人。...

#前端#vue.js#websocket
手把手教你创建vue cli3.0项目

1、全局安装@vue-cli:npm insall -g @vue/cli如果安装了淘宝镜像,建议使用cnpm下载。安装成功后,可以通过 vue -V 查看下载的@vue/cli版本号。2、创建项目vue create myProject

#前端#vue.js#http
vue+websocket+nodejs创建聊天室- 创建群聊、加入群聊

前言前几篇我们讲了如何创建聊天室,一对一/一对多聊天,以及加已读未读消息状态。这篇主要讲如何创建群聊和加入群聊。还是跟之前一样,本文只写新加入的逻辑,之前逻辑请查看之前文章。PS:效果稍微有点粗糙哈哈,不要在意这些细节~先看效果:大概思路:通过传不同类型的type,区分是创建群还是添加群。1、如果是10,创建群聊,我们就将群名称,以及生成的群id,存入groups里面,并且把创建群聊的人默认加入到

#vue.js#websocket
vue+websocket+nodejs实现聊天室 - 消息已读未读

前言上一篇讲了聊天室增加一对一单聊,这次讲如何新增已读未读状态。大概思路:服务器返回消息列表,增加参数status为1,单聊和群聊通过过滤状态区分对应未读数量,当前聊天,直接在currentMessage里面设置status为0即可。效果图:上代码:服务端:其他的跟之前都一样,只是type为2时候,新增了status:1...broadcast({type: 2,nickname: obj.nic

#websocket
vue+websocket+nodejs实现聊天室 -一对多、一对一聊天

前言:上篇我们讲了如何使用vue+websocket加nodejs搭建一个聊天室,下面我们在该聊天室基础上增加了一对一单聊功能。支持一对一单聊,一对多群聊。...

#前端#vue.js#websocket
到底了