WebSocket的Demo

一、简述

很多项目中都有涉及到websocket服务的代理功能
下面我们就以一个简单的demo来了解一下webSocket

二、配置websocket环境

1、安装nodejs
yum install nodejs -y
2、新建一个目录并安装ws模块
mkdir /root/node
cd /root/node
npm install ws
3.编辑新建一个服务端(/root/node/server.js)
var WebSocketServer = require('ws').Server
  , wss = new WebSocketServer({port: 9000});
wss.on('connection', function(ws) {
    ws.on('message', function(message) {
        console.log('received: %s', message);
    });
    ws.send('something');
});
4.运行websocket服务器
node /root/node/server.js

三、测试

1、postman新建websocket请求

在这里插入图片描述

2、输入ip和端口,格式ws://ip:port

在这里插入图片描述

3、点击connect后,输入数据

在这里插入图片描述在这里插入图片描述

4、查看后台数据显示

在这里插入图片描述

四、增加wss服务

wss是在ws服务的基础上增加了一层ssl,类似于http和https的关系,部署wss也需要一对证书文件,公钥server.pem与私钥server.key

1、安装相应的模块
npm install fs
npm install https
2、新建并编辑一个服务端
// wss.js
 
const fs = require('fs');
 
// 一些配置信息
const cfg = {
    port: 8888,
    ssl_key: 'server.key',
    ssl_cert: 'server.pem'
};
 
const httpServ = require('https');
const WebSocketServer = require('ws').Server; // 引用Server类
 
// 创建request请求监听器
const processRequest = (req, res) => {
    res.writeHead(200);
    res.end('厉害了,我的WebSockets!\n');
};
 
const app = httpServ.createServer({
    // 向server传递key和cert参数
    key: fs.readFileSync(cfg.ssl_key),
    cert: fs.readFileSync(cfg.ssl_cert)
}, processRequest).listen(cfg.port);
 
// 实例化WebSocket服务器
const wss = new WebSocketServer({
    server: app
});
// 如果有WebSocket请求接入,wss对象可以响应connection事件来处理
wss.on('connection', (wsConnect) => {
    console.log('服务器已启动,监听中~');
    wsConnect.on('message', (message) => {
        console.log(`服务器接收到:${message}`);
        wsConnect.send(`服务器回复: ${message}`, (err) => {
            if (err) {
                console.log(`服务器错误:${err}`);
            }
        });
    });
});
3、启动服务
node wss.js
4、测试

使用postman访问wss://192.168.1.2:8888
在这里插入图片描述在这里插入图片描述
后端返回内容
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
WebSocket 是一种在单个 TCP 连接上进行全双工通信的网络协议。它使得客户端和服务器之间的数据交换变得更加简单,实时和可靠。WebSocket 协议通常被用于实时数据推送和在线游戏等场景。 下面是一个简单的 WebSocket Demo 实现步骤: 1. 客户端建立 WebSocket 连接:客户端使用 WebSocket 对象创建与服务器的连接。 2. 服务器响应请求:服务器收到客户端的连接请求后,返回一个响应消息。 3. 客户端和服务器进行数据交换:客户端和服务器可以通过 send() 和 onmessage() 方法进行数据交换。 4. 关闭连接:当客户端或服务器需要关闭连接时,可以调用 close() 方法。 下面是一个简单的 WebSocket Demo 代码示例: 客户端代码: ```javascript var ws = new WebSocket("ws://localhost:8080"); ws.onopen = function() { console.log("WebSocket 已连接"); ws.send("客户端发送消息"); }; ws.onmessage = function(evt) { console.log("客户端收到消息:" + evt.data); ws.close(); }; ws.onclose = function() { console.log("WebSocket 已关闭"); }; ``` 服务器代码: ```javascript const WebSocket = require('ws'); const wss = new WebSocket.Server({ port: 8080 }); wss.on('connection', function connection(ws) { console.log('服务端连接成功'); ws.on('message', function incoming(message) { console.log('服务端收到消息: %s', message); ws.send('服务端发送消息'); }); ws.on('close', function() { console.log('服务端连接关闭'); }); }); ```
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值