一个最简单的WebSocket hello world demo

服务器端代码不超过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();
</pre>

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

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

代码里所需的server.js我已经上传到我的Github上了:

https://github.com/i042416/KnowlegeRepository/blob/master/practice/nodejs/server.js

使用nodejs启动这个服务器:

网页端代码:

<html>
<script src="socket.io.dev.js">
</script>
<script>
console.log("1");
 var socket = io('ws://127.0.0.1:9999');
 socket.on('connect', function(){
 console.log("connected!");
 });
 socket.on('event', function(data){
 console.log("event: " + data);
 });
 socket.on('news', function(data){
 console.log("data from server: " + JSON.stringify(data,2,2));
 });
 socket.on('disconnect', function(){
 console.log("disconnect...");
 });
</script>
</html>
</pre>

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

本文来自云栖社区合作伙伴“汪子熙”

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值