简单搭建WebSocket服务器

最新推荐文章于 2024-08-15 08:55:23 发布

夜跑者

最新推荐文章于 2024-08-15 08:55:23 发布

阅读量1.7k

点赞数

分类专栏： Ajax

原文链接：https://blog.csdn.net/weixin_43405525/article/details/99701145

版权

Ajax 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

文章转自：https://blog.csdn.net/weixin_43405525/article/details/99701145

下载nodejs-websocket依赖包

npm install nodejs-websocket

点击回车下载完成之后发现项目中并没有nodejs-websocket相关的文件夹
检查终端有没有报错，确保依赖包名称输入正确

检查是否存在package.json文件，如果没有该文件，手动创建或在终端使用：
npm init
手动创建json文件里面的内容：

下载后有个node_modules文件夹，里面就有nodejs-websocket

创建一个名为server的文件夹，里面存放websocket服务器，根据下图来创建需要的文件，websocket.js是客户端websocket的实现，websocket-server.js是服务器的实现

先创建一个简单的服务器：
引入nodejs-websocket包

const ws = require("nodejs-websocket");
1
使用ws创建服务器

var server = ws.createServer(conn => {console.log("有用户连接上来了");});
1
这样我们的一个简单的服务器就建好了，但是还需要给服务器一个端口号,与服务器相关的当然是在服务器里面啦

const PROT = 2002;
//设置服务器的端口
server.listen(PROT);
1
2
3
一个简陋的服务器搭建好了，客户端连接看一下效果，打开websocket.js连接服务器，H5新增了websocket的api，它的名字肯定与websocket相关：

const URL = "ws:localhost:2002", // 服务器地址
Ws = new WebSocket(URL); // 连接服务器
1
2
当然，既然HTTP请求有状态码，那么WebSocket自然也有，可以通过readyState来获取当前的状态：

值   描述
0 (CONNECTING)   正在链接中
1 (OPEN)   已经链接并且可以通讯
2 (CLOSING)   连接正在关闭
3 (CLOSED)   连接已关闭或者没有链接成功
可以根据需要来使用
启动服务器(使用你服务器路径):

node server/websocket-server.js
1
刷新页面后回到终端，服务器打印了 — 已有用户连接，看来服务器可以正常连接

本文demo链接：https://www.chuantongblog.com/2019/08/16/搭建WebSocket服务器/
————————————————
版权声明：本文为CSDN博主「Coding Fans」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_43405525/article/details/99701145