资讯专栏INFORMATION COLUMN

一个最简单的WebSocket hello world demo

Integ / 1178人阅读

摘要:服务器端代码不超过行代码第行创建一个服务器,监听在端口上第行每隔秒发送一个字符串到浏览器,用一个计数器标识每次发送的请求。

服务器端代码不超过42行:

const WSServer = require("./server.js");

var counter = 0;

function createWebsocket() {

  var host = "127.0.0.1";
  var port = "9999";

  var wsServer =  WSServer.startServer(host, port);
  console.log("WebSocket server listens to: " + host + ":" + port);
  wsServer.on("open", (data) => {
    console.log("WS Client has connected: " + data);

    setInterval(function(){ 
      counter++;
      WSServer.broadcast("Jerry: " + counter );
     }, 3000);
    
  });

  wsServer.on("dataWS", (data) => {
    console.log("Receive Data from WebUI : " +  data);
  });

  wsServer.on("disconnect", (data) => {
    console.log("WSServer disconnect:" + data.name);
  });

  wsServer.on("close", (data) => {
    console.log("WSServer close: " + data.name);
  });

  wsServer.on("end", (data) => {
    console.log("WSServer Close: "+data.name);
  });

  wsServer.on("error", (data) => {
  });
}

createWebsocket();

代码第10行创建一个WebSocket服务器,监听在9999端口上:

第15~18行每隔3秒发送一个字符串到浏览器,用一个计数器标识每次发送的请求。

代码里所需的server.js我已经上传到我的Github上了:
https://github.com/i042416/Kn...

使用nodejs启动这个服务器:

网页端代码:




浏览器端每隔三秒收到服务器推送的消息,打印在console上:

要获取更多Jerry的原创文章,请关注公众号"汪子熙":

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109060.html

相关文章

  • sanic中文文档

    摘要:入门指南路由路由允许用户为不同的端点指定处理程序函数。被访问服务器的基本,最终被路由器匹配到处理程序函数,测试,然后返回一个对象。请求参数将作为关键字参数传递给路线处理程序函数。例如所有有效的参数必须传递给以便构建一个。 入门指南 Install Sanic:python3 -m pip install sanicexample from sanic import Sanic from...

    琛h。 评论0 收藏0
  • websock(AMQ)通信-前端

    摘要:服务端和客户端之间的通信前端开发经常会依赖后端,那么如果后端服务器还没做好推送服务器,那么前端该如何呢。可以通过客户端进行测试客户端代码见后面选取插件进行开发在命令台中输入以下命令这种方式更简单了。 服务端和客户端之间的通信 前端开发经常会依赖后端,那么如果后端服务器还没做好推送服务器,那么前端该如何呢。最简单的就是自己模拟一个服务器,用node来搭建,这边只简单介绍搭建的过程 nod...

    levius 评论0 收藏0
  • websock(AMQ)通信-前端

    摘要:服务端和客户端之间的通信前端开发经常会依赖后端,那么如果后端服务器还没做好推送服务器,那么前端该如何呢。可以通过客户端进行测试客户端代码见后面选取插件进行开发在命令台中输入以下命令这种方式更简单了。 服务端和客户端之间的通信 前端开发经常会依赖后端,那么如果后端服务器还没做好推送服务器,那么前端该如何呢。最简单的就是自己模拟一个服务器,用node来搭建,这边只简单介绍搭建的过程 nod...

    ARGUS 评论0 收藏0
  • swoole——从入门到放弃(一)

    摘要:进程可以使用函数向进程投递新的任务。当前的进程在调用回调函数时会将进程状态切换为忙碌,这时将不再接收新的,当函数返回时会将进程状态切换为空闲然后继续接收新的。当进程投递的任务在中完成时,进程会通过方法将任务处理的结果发送给进程。 swoole——从入门到放弃(一) 一、swoole的源码包安装 下载swoole源码:git clone https://gitee.com/swoole...

    morgan 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<