Node.js+Socket.io搭建简单的websocket服务器

最新推荐文章于 2024-07-05 15:43:42 发布

一捆铁树枝

最新推荐文章于 2024-07-05 15:43:42 发布

阅读量3.8k

点赞数 1

分类专栏： node.js+websocket 文章标签： node.js websocket

本文链接：https://blog.csdn.net/qq_41725450/article/details/82584889

版权

node.js+websocket 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

因为项目原因需要使用websocket这种全双工的通信方式，但是在后端服务器还没搭建好的情况下，就只能自己搭建一个测试服务器，下面我将一步步的列举单间过程；

开发工具：webstorm

1.服务端

第一步：新建一个项目文件夹，打开webstorm，进入该项目文件夹，我所建的文件及名称为websoket，所以在控制台显示的路径如下：

第二步：在当前目录下生成一个package.json文件

执行如下命令

npm init

第三步：接下来使用npm命令安装express和socket.io

1 2	`npm install --save express` `npm install --save socket.io`

安装成功后，应该可以看到工作目录下生成了一个名为node_modules的文件夹，里面分别是express和socket.io，接下来可以开始编写服务端的代码了。

第四步：新建一个index.js文件

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.get('/', function(req, res){
    res.send('<h1>Welcome Realtime Server</h1>');
});

http.listen(3000, function(){
    console.log('listening on *:3000');
});

第五步：在控制台运行如下命令，启动服务

node index

完成以上步骤，简单的服务端架搭建好了；接下来完成客户端

2.客户端

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<script>

    window.onload = function () {
        var ws = new WebSocket('ws://localhost:3000');

        ws.onopen = function (e) {
            console.log("连接服务器成功");
            ws.send("game1");
        }
    }
</script>

</body>
</html>

以上就是全部步骤，我所搭建的客户端和服务端都比较简单，目的就是为了走一遍完整流程，如果还需要其他功能，可自行添加。

一捆铁树枝

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
3
评论
Node.js+Socket.io搭建简单的websocket服务器

因为项目原因需要使用websocket这种全双工的通信方式，但是在后端服务器还没搭建好的情况下，就只能自己搭建一个测试服务器，下面我将一步步的列举单间过程；开发工具：webstorm1.服务端第一步：新建一个项目文件夹，打开webstorm，进入该项目文件夹，我所建的文件及名称为websoket，所以在控制台显示的路径如下：第二步：在当前目录下生成一个package.j...
复制链接

扫一扫

专栏目录