【linux环境搭建】使用nodejs搭建websocket服务器

飞鸟厌鱼

已于 2022-03-04 20:01:08 修改

阅读量4.9k

点赞数

分类专栏： linux服务器文章标签：服务器

于 2022-03-04 19:59:56 首次发布

本文链接：https://blog.csdn.net/qq_38091632/article/details/123283625

版权

linux服务器专栏收录该内容

2 篇文章 0 订阅

订阅专栏

文章目录

1 前言
2 准备工作
- 2.1 安装nodejs
- 2.2 安装npm
3 打开端口
4 编写websocket服务端——js
- 4.1 测试websocket服务端
5 编写wesocket客户端——html
6 查看端口使用情况
7 运行结果
8 遇到的问题

1 前言

在腾讯云服务器上使用nodejs搭建websocket服务器。

2 准备工作

2.1 安装nodejs

安装环境
sudo apt install nodejs

执行whereis nodejs
找到bin文件路径
在这里插入图片描述

bin文件路径如下

在这里插入图片描述
在etc/profile中添加环境

2.2 安装npm

sudo apt install npm
sudo npm install ws
sudo npm install forever
在这里插入图片描述

3 打开端口

在这里插入图片描述
在腾讯云防火墙中添加3001的端口

4 编写websocket服务端——js

在这里插入图片描述
我是在date目录下创建了nodejs文件夹，然后将编写js文件，存为demo.js
代码来源：websocket 学习–简单使用，nodejs搭建websocket服务器，到模拟股票，到实现聊天室

demo.js

var WebSocketServer = require('ws').Server,
wss = new WebSocketServer({ port: 3001});
wss.on('connection', function (ws) {
    console.log('client connected');
    ws.on('message', function (message) {
        console.log(message);
		ws.send("服务端接收到请求后，发送给客户端的数据");
    });
	
});

注意使用的端口和设定的一致。

然后执行命令运行，可以使用forever去运行js

forever start demo.js

注意js可能需要路径，看你当前在哪个目录下。

4.1 测试websocket服务端

http://oktools.net/websocket
这个网址可以测试你的websocket服务端是否可以被连接。

在这里插入图片描述

5 编写wesocket客户端——html

安装apach2，搭建web服务器
在var/www/html目录下编写需要的html文件
在这里插入图片描述
其中index.html是你的服务器的公网ip访问的网址
我编写的在test目录下

所以我的访问网址是

http://your_public_ip/test/websocket_test.html

需要输入你的公网ip代替your_public_ip

代码来源：websocket简介,nodejs做服务端的websocket,用nodejs实现websocket和socket_io整合的server端与client端
注意要填写代码中的"ws://公网ip:端口"

<html>
<head>
    <meta charset="utf-8"/>
    <title>websocket</title>
</head>
<body>
    <h1>Echo test</h1>
    <input id="sendTxt" type="text"/>
    <button id="sendBtn">发送</button>
    <div id="recv"></div>
    <script type="text/javascript">
        var websocket = new WebSocket("ws://公网ip:端口");
        websocket.onopen = function(){
            console.log('websocket open');
            document.getElementById('recv').innerHTML = 'Connected';
        }

        websocket.onclose = function(){
            console.log('websocket close');
        }

        websocket.onmessage = function(event){
            console.log(event.data);
            document.getElementById('recv').innerHTML = event.data;
        }

        document.getElementById('sendBtn').onclick = function(){
            var txt = document.getElementById('sendTxt').value;
            websocket.send(txt);

        }
    </script>
</body>
</html>