B站 使用socket.io制作网页聊天应用

关于websocket

基本配置，npm install nodemon后，在8080端口刷新是可用的

学习文档：https://github.com/secreter/websocket_chat

socket.io文件路径：http://wulv5.com/js/socket.io.min.js  （看B站拿的路径）

学习这篇github，又需要了解一些新知识：less、mongodb。这里先马克一下，知道大概怎么用，之后再去深入学习。

• nodejs node服务器运行环境
• express 搭建node服务器
• websocket 本例核心，推送服务器消息到所有人
• socketio websocket第三方库
• vue + router 视图层双向数据绑定框架，用来简化开发、组件化开发的

代码架构：

• server文件夹里是需要运行在node服务器上的js文件，监听websocket连接
• src/api/client是客户端连接服务器的核心js
• src/components下是页面的组件。三大部分，login组件(登录页面)，chat组件（聊天页面），groupinfo组件（群信息页面）

大多数实时聊天系统通常基于 socket 来构建。 Socket 为客户端和服务器提供了双向通信机制。

这意味着服务器可以 推送 消息给客户端。无论何时你发布一条消息，服务器都可以接收到消息并推送给其他连接到服务器的客户端。

socket.io 面向实时web应用，是服务器与客户端的双向通信，主要使用Websocket协议，事件驱动。