Web即时通信技术 -- Web Socket

最新推荐文章于 2023-07-13 18:50:33 发布

IT_码农

最新推荐文章于 2023-07-13 18:50:33 发布

阅读量3.6k

点赞数

分类专栏： Web消息推送文章标签： SEMI spring cloud spring

本文链接：https://blog.csdn.net/BT_LEO/article/details/121652219

版权

Web消息推送专栏收录该内容

5 篇文章 0 订阅

订阅专栏

WebSocket 是一种网络传输协议，可在单个 TCP 连接上进行全双工通信，位于 OSI 模型的应用层。WebSocket 协议在 2011 年由 IETF 标准化为 RFC 6455，后由 RFC 7936 补充规范。

WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就可以创建持久性的连接，并进行双向数据传输。

优点

在客户端和服务器之间保有一个持有的连接，两边可以随时给对方发送数据，有很强的实时性;
属于应用层协议，基于TCP传输协议，并且握手阶段采用 HTTP 协议，因此握手时不容易屏蔽，能通过各种 HTTP 代理服务器;
可以发送文本，也可以支持二进制数据的传输;
数据格式比较轻量，性能开销小，通信高效;
没有同源限制，客户端可以与任意服务器通信;
协议标识符是ws(如果加密，则为wss)，服务器网址就是 URL;

客户端实现

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
    <div id="clock"></div>  
  </body>  
  <script>    
    let socket = new WebSocket('ws://localhost:8888')
    socket.onopen = function () {      
      console.log('1. 客户端连接上了服务器', new Date().getTime());      
      socket.send('3. 你好')    
    }    
    socket.onmessage = function (e) {      
      console.log('6',e.data);    
    }
  </script>
</html>

服务端实现

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', indexRouter);
app.use('/users', usersRouter);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

let WebSocket = require('ws')
let wss = new WebSocket.Server({port:8888})
wss.on('connection', function(ws) {  
    console.log('2.服务器监听到了客户端的连接', new Date().getTime());  
    ws.on('message',function(data){    
        console.log('4.客户端发来的消息',data);    
        ws.send('5.服务端说：你也好')  
    })
})

module.exports = app;

IT_码农

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
Web即时通信技术 -- Web Socket

WebSocket 是一种网络传输协议，可在单个 TCP 连接上进行全双工通信，位于 OSI 模型的应用层。WebSocket 协议在 2011 年由 IETF 标准化为RFC 6455，后由RFC 7936补充规范。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就可以创建持久性的连接，并进行双向数据传输。优点在客户端和服务器之间保有一个持有的连接，两边可以...
复制链接

扫一扫