<meta charset="utf-8">

它的最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息， 是真正的双向平等对话， 属于服务器推送技术的一种

image

WS

协议标识符是ws (如果加密，则为wss)，服务器网址就是URL

image

Socket.io

Socket.I0支持实时、双向和基于事件的通信。
它适用于每一-个平台、浏览器或设备，同样注重可靠性和速度。

安装

切换到项目目录

npm install   //安装依赖
npm run start   //启动项目

使用准备

引入js

<script src="http://mychat.applinzi.com/socket.io/socket.io.js"></script>

连接

//连接websocket后端服务器
this.socket = io.connect('ws://mychat.applinzi.com');

登录与注销

//监听新用户登录
this.socket.on('login', function(o){
  console.log(o, 'login');
});
//监听用户退出
this.socket.on('logout', function(o){
  console.logo(o, 'logout');
});

发送登录信息

//告诉服务器端有用户登录
this.socket.emit('login', {userid:this.userid, username:this.username});

发送信息

var obj = { userid: this.userid,username: this.username, content: content};
this.socket.emit('message', obj);

监听消息发送

//监听消息发送
this.socket.on('message' , function(obj){
  console.log(obj,' message')
}}