从零开始写一个 即时通讯程序

即时通信（IM）是指能够即时发送和接收互联网消息等的业务。自1998年面世以来，特别是近几年的迅速发展，即时通信的功能日益丰富，逐渐集成了电子邮件、博客、音乐、电视、游戏和搜索等多种功能。即时通信不再是一个单纯的聊天工具，它已经发展成集交流、资讯、娱乐、搜索、电子商务、办公协作和企业客户服务等为一体的综合化信息平台。

 

如何在 Web 实现？

WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工（Full-duplex）通信，即允许服务器主动发送信息给客户端。因此，在WebSocket中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输，客户端和服务器之间的数据交换变得更加简单。即时通讯开发咨询小蓝豆

 

WebSocket 的优缺点

• 优点：支持服务器推送消息，支持多个请求
• 缺点：浏览器支持程度不一

开始

安装 Express

已经安装可以跳过

建议使用yarn，速度更快

创建一个新项目

安装需要的依赖

启动项目

编辑后自动重启项目

安装nodemon

package.json里修改相关配置

重命名文件 bin/www 重命名成 bin/www.js才能自动重启 修改后如下

package.json

重新启动项目

项目目录结构如下

目录结构

浏览器访问http://127.0.0.1:3000即可看到如下画面

浏览器画面

这样你已经完成了第一步

基本实现

接下来安装需要的模块

创建一个文件夹sockets，专门用来写socket服务端 在sockets文件夹中创建app.js 具体内容如下

在bin/www.js中注册socket.io服务

bin/www.js

前端部分 在public文件夹创建index.html 内容如下

目前已实现功能

前端：ejs模板

1. 多频道(聊天室)

2. 通过QQ获取昵称和头像

3. 通过 Gravatar / Cravatar 获取头像

4. 聊天Emoji表情、上传图片

5. Markdown / HTML 消息支持

6. 频道成员退出提醒

7. 频道之间不互通