即时通信(IM)是指能够即时发送和接收互联网消息等的业务。自1998年面世以来,特别是近几年的迅速发展,即时通信的功能日益丰富,逐渐集成了电子邮件、博客、音乐、电视、游戏和搜索等多种功能。即时通信不再是一个单纯的聊天工具,它已经发展成集交流、资讯、娱乐、搜索、电子商务、办公协作和企业客户服务等为一体的综合化信息平台。
如何在 Web 实现?
WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(Full-duplex)通信,即允许服务器主动发送信息给客户端。因此,在WebSocket中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输,客户端和服务器之间的数据交换变得更加简单。即时通讯开发咨询小蓝豆
WebSocket 的优缺点
优点:支持服务器推送消息,支持多个请求
缺点:浏览器支持程度不一
开始
安装 Express
已经安装可以跳过
npm install -g express-generator
#或
yarn global add express-generator
建议使用yarn,速度更快
创建一个新项目
express -e "项目名称"
安装需要的依赖
cd "项目名称"
npm install
#或
yarn install
启动项目
yarn start
#或
npm start
编辑后自动重启项目
安装nodemon
yarn add nodemon
#或
npm install --save nodemon
package.json里修改相关配置
"scripts": {
"start": "node ./bin/www.js",
"dev": "nodemon ./bin/www.js"
}
重命名文件bin/www重命名成bin/www.js才能自动重启
重新启动项目
基本实现
接下来安装需要的模块
yarn add socket.io
创建一个文件夹sockets,专门用来写socket服务端 在sockets文件夹中创建app.js具体内容如下
const app = function(server) {
var io = require('socket.io')(server);
io.on('connection',function(socket){
socket.on('login',function(res){ /* 登录 */
io.emit("登录成功");
});
});
}
module.exports = app; /* 导出 */
在bin/www.js中注册socket.io服务
目前已实现功能
前端:ejs模板
1. 多频道(聊天室)
2. 通过QQ获取昵称和头像
3. 通过 Gravatar / Cravatar 获取头像
4. 聊天Emoji表情、上传图片
5. Markdown / HTML 消息支持
6. 频道成员退出提醒
7. 频道之间不互通