关于websocket
相对于http的单向发送(只能由客户端主动发起请求),websocket的特点是实现了双向传输,即后端也可以随时向前端传输数据。一个典型的应用就是在线聊天室。
某客户端向websocket服务器发送的数据(发送聊天内容)-->websocket服务器收到请求-->服务器主动向每个连接websocket的客户端广播信息(客户端收到聊天内容)
Websocket的传输内容只有字符串或者类似的数据类型,因此通常用JSON.stringify()将对象字符串化后传输,并用JSON.parse()将字符串转化成对象,实现发送对象型的数据
利用nodejs-websocket搭建websocket服务器
我们在启动网站服务器的同时启动websocket服务器。为了避免端口冲突,将网站服务器端口设置为3000,websocket服务器端口设置为3010。当然,需要的话也可以同时搭建多个websocket server(ws)。服务器搭建方法应该有很多,这里用的是nodejs-websocket
//引入nodejs-websocket
var ws=require('nodejs-websocket');
//设置端口
const PORT=3010;
console.log("websocket服务器端口: " + PORT);
var clientCount = 0;
var wsserver = ws.createServer(function(conn) {
//客户端首次连接服务器
console.log("连接已建立~")
clientCount++;
//接收到了客户端发送的数据
conn.on("text", function(str) {
console.log(str);
//将str对象化
str=JSON.parse(str);
//根据请求类型,分类处理
if (str.type=='message')
{
let text=str.text;
let username=conn.nickname;
console.log("收到消息: " + text);
let mes = {
};
mes.type = "message";
mes.data = username + ' : ' + text;
mes.logintype=conn.logintype;
broadcast(JSON.stringify(mes));
}
if (str.type=='connect')
{
conn.nickname=str.text;
conn.logintype=str.logintype;
let mes={
};
mes.type="enter";
mes.data=conn.nickname+"已加入~";
broadcast(JSON.stringify(mes));
}
if (str.type=='upload')
{
let mes={
};
mes.type="upload_message"<