关键词：
一、先用websocket制作简易版本的聊天室
二、再用socket.io + express + mongodb制作复杂一点的在线聊天室
- 代码地址：https://github.com/ChangYanwei/chatroom
- 体验地址：http://8.131.68.141:7000
- 使用socket.io监听连接的建立、断开事件，监听用户的登录、发送消息事件
- 使用express开放静态资源目录
- 使用html2canvas实现截图
- 使用jQuery-emoji添加表情
- 除了选用默认头像外，用户可以上传本地图片作为头像
- 点击图片消息放大预览
- 用户信息保存到了MongoDB数据库中，使用mongoose在node中操作数据库
- 聊天记录没有持久化存储，刷新页面后聊天信息就没有了
注册页面
登录界面
聊天界面
修改头像
mongodb数据库中存储的用户信息
动图展示
前端学习交流QQ群：862748629 点击加入
如何结合 Express.JS 使用 Socket.io（使用 Express 应用程序生成器）
】如何结合Express.JS使用Socket.io（使用Express应用程序生成器）【英文标题】：HowtouseSocket.iocombinedwithExpress.JS(usingExpressapplicationgenerator)【发布时间】：2017-04-0611:32:11【问题描述】：我正在尝试将Socket.io与Express.JS结合使用（使用Expre... 查看详情
使用 Express 和 Socket.IO 的会话支持说明？
】使用Express和Socket.IO的会话支持说明？【英文标题】：AnexplanationofsessionsupportusingExpressandSocket.IO?【发布时间】：2011-09-0712:11:30【问题描述】：我正在寻找一些帮助来确定依赖express和socket.io的服务器上的会话。主要目标是处理诸... 查看详情
使用 socket.io 和 express 创建大厅
】使用socket.io和express创建大厅【英文标题】：Createlobbyusingsocket.ioandexpress【发布时间】：2022-01-1102:56:18【问题描述】：对于我的学校项目，我必须使用socket.io/express/vuejs2重新创建SecretHitler游戏。目前我被困在我应该创建其他人应... 查看详情
使用 socket.io 配置 Express 4.0 路由
】使用socket.io配置Express4.0路由【英文标题】：ConfiguringExpress4.0routeswithsocket.io【发布时间】：2014-06-1011:42:17【问题描述】：我创建了一个新的Express应用程序。它为我生成了app.js，然后我创建了以下index.js，引入了socket.io：varapp=req... 查看详情
如何使用 Express、AngularJS、Socket.io 广播和获取通知？
】如何使用Express、AngularJS、Socket.io广播和获取通知？【英文标题】：HowtobroadcastandgetnotificationusingExpress,AngularJS,Socket.io?【发布时间】：2016-01-2707:40:01【问题描述】：我正在尝试制作通知系统。为了证明这一点，用户1正在向用户2... 查看详情
如何在 express 和 socket.io 中使用护照？
】如何在express和socket.io中使用护照？【英文标题】：Howtousepassportwithexpressandsocket.io?【发布时间】：2012-10-1705:17:20【问题描述】：我目前正在尝试为我的node.js应用程序设置一个基本的身份验证系统。现在我使用express(3.0.0rc5)、pass... 查看详情
Socket.io 使用 node.js，根本没有 express？
】Socket.io使用node.js，根本没有express？【英文标题】：Socket.iousingnode.jswithnoexpressatall?【发布时间】：2017-05-0118:07:29【问题描述】：所以我想使用socket.io创建一个node.js服务器，但我更像是一个初学者，并且发现express包在语法上相... 查看详情
Express.js 'socket.io/socket.io.js 404'
】Express.js\\\'socket.io/socket.io.js404\\\'【英文标题】：Express.js\'socket.io/socket.io.js404\'Express.js\'socket.io/socket.io.js404\'【发布时间】：2017-02-0207:36:19【问题描述】：我正在尝试在使用ExpressJS的网站http://clickthebutton.herokuapp.com上合并实 查看详情
Socket.io express 不同的路由
】Socket.ioexpress不同的路由【英文标题】：Socket.ioexpressdifferentrouting【发布时间】：2015-09-2809:26:18【问题描述】：我正在尝试在最新的express版本上使用Socket.IO，但没有成功。我想在特定的js文件上使用Socket.IO功能，使用“路由器”... 查看详情
使用 express.js 和 socket.io 构建推送通知系统的最佳方法
】使用express.js和socket.io构建推送通知系统的最佳方法【英文标题】：Bestwaytobuildpushnotificationsystemusingexpress.jsandsocket.io【发布时间】：2016-04-0203:49:38【问题描述】：我将express.js和socket.io一起用于实时推送通知系统。工作正常，我... 查看详情
如何使用 Socket.IO 最好地构建 Express V4.11+ 项目？
】如何使用Socket.IO最好地构建ExpressV4.11+项目？【英文标题】：HowtobeststructureanExpressV4.11+projectwithSocket.IO?【发布时间】：2015-04-0814:07:21【问题描述】：我使用了最新版本的express-generator(link)来生成样板Express4.11.2项目。我正在尝试... 查看详情
在 Express.js 项目中使用 Socket.io
】在Express.js项目中使用Socket.io【英文标题】：UsingSocket.ioinExpress.jsProject【发布时间】：2016-04-0809:25:22【问题描述】：我正在使用Node.js、Express和Socket.io制作一些单页Web应用程序。我想在浏览器中显示工作情况。在IDE中，有控制台... 查看详情
与 socket.io 一起使用时 express-session 未设置会话 cookie
】与socket.io一起使用时express-session未设置会话cookie【英文标题】：express-sessionisn\'tsettingsessioncookiewhileusingwithsocket.io【发布时间】：2016-02-2801:56:14【问题描述】：我正在尝试使用socket.io实现身份验证和会话。经过大量研究1，我设... 查看详情
使用 Express.js v4 和 Socket.io v1 的会话
】使用Express.jsv4和Socket.iov1的会话【英文标题】：UsingsessionswithExpress.jsv4andSocket.iov1【发布时间】：2014-09-2609:47:17【问题描述】：如何在express.js中保存会话数据并在socket.io事件中访问它？我正在使用express.jsv4、socket.iov1和基本的exp... 查看详情
如何在套接字函数之外使用（socket.io）发射函数-nodejs，express
...如何在套接字函数之外使用（socket.io）发射函数-nodejs，express【英文标题】：Howtouse(socket.io)emitfunctionoutsideofsocketfunction-nodejs,express【发布时间】：2018-01-0804:24:08【问题描述】：我有以下代码varapp=require(\'express\')();varhttp=require(\'http... 查看详情
使用 node express 生成器配置 socket.io
】使用nodeexpress生成器配置socket.io【英文标题】：Configuresocket.iowithnodeexpressgenerator【发布时间】：2015-05-0103:26:12【问题描述】：我正在开发我的第一个节点项目，我基本上是按照thethinksterpost开始的。我已经设法构建了一个简单的... 查看详情
如何使用socket.io mysql nodejs express删除帖子
】如何使用socket.iomysqlnodejsexpress删除帖子【英文标题】：howtodeletepostusingsocket.iomysqlnodejsexpress【发布时间】：2021-07-1901:31:23【问题描述】：我正在学习制作简单的消息应用程序，它允许用户添加状态并实时更新到每个人的订阅源... 查看详情
带有 socket.io 和 express 的 Websocket
】带有socket.io和express的Websocket【英文标题】：Websocketwithsocket.ioandexpress【发布时间】：2016-10-2021:16:06【问题描述】：我正在尝试将socket.io与express一起使用，我使用了express生成器。我无法从控制台查看任何日志。在写这篇文章之... 查看详情