博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
node.js创建WebSocket服务,并使用原生js ES6完成对WebSocket数据交互
阅读量:2032 次
发布时间:2019-04-28

本文共 1191 字,大约阅读时间需要 3 分钟。

注意,前情提示:

本代码基于《Node.js(nodejs)对本地JSON文件进行增、删、改、查操作(轻车熟路)》
传送门

首先安装

cnpm i nodejs-websocket

在/api/demo/文件夹下面创建websocket.js  

代码内容

const $g = global.SG.$g, fs = global.SG.fs, router = global.SG.router, ws = global.SG.websocket;module.exports = global.SG.router;//创建websocket----------------------------------------------------------------console.log("开始建立连接...");const port = 10000;//设置websocket占用的端口号,强哥酷爱一万号!let server = ws.createServer(socket => {    socket.on("text", str => {        console.log($g.date.nowtime() + "收到客户端的信息:" + str);        //socket.sendText("收到客户端的信息:" + str);//只推送给当前连接的一个终端        server.connections.forEach(conn => conn.sendText("收到客户端的信息:" + str));//全局广播    });    socket.on("close", (code, reason) => {        console.log($g.date.nowtime() + "关闭连接");    });    socket.on("error", (code, reason) => {        console.log($g.date.nowtime() + "异常关闭");    });}).listen(port);console.log(`WebSocket建立完毕,地址为:ws://localhost:${port}`);

在index.js最后一行加入

app.use(API_PATH, require(`.${API_PATH}/demo/websocket`));//websocket

运行

node index

接下来打开创建客户端访问的模拟页面,随便新建一个index.html

    
WebSocket

运行该index.html

多次点击按钮你会看到网页里面出现了

同时去看下服务端的控制台

会了吗?理解了WebSocket的原理了吗,欢迎给我留言哟~

转载地址:http://rbxaf.baihongyu.com/

你可能感兴趣的文章
guava学习--事件驱动模型
查看>>
guava学习--hashing
查看>>
guava学习--AsyncFunction
查看>>
guava学习--monitor
查看>>
guava学习--FutureCallback
查看>>
golang的数据类型之布尔类型
查看>>
golang的数据类型之字符类型
查看>>
安装MySQL
查看>>
golang简介
查看>>
golang的数据类型之整型类型
查看>>
安装go版本
查看>>
golang的数据类型之基本数据类型的默认值和转换
查看>>
golang的数据类型之浮点类型
查看>>
golang的数据类型之字符串类型
查看>>
标识符
查看>>
scala函数
查看>>
Scala集合
查看>>
defer
查看>>
init函数和匿名函数
查看>>
函数参数的传递方式和变量作用域
查看>>