一个最简单的WebSocket hello world demo
生活随笔
收集整理的這篇文章主要介紹了
一个最简单的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();代碼第10行創(chuàng)建一個WebSocket服務器,監(jiān)聽在9999端口上:
第15~18行每隔3秒發(fā)送一個字符串到瀏覽器,用一個計數器標識每次發(fā)送的請求。
代碼里所需的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>瀏覽器端每隔三秒收到服務器推送的消息,打印在console上:
要獲取更多Jerry的原創(chuàng)文章,請關注公眾號"汪子熙":
總結
以上是生活随笔為你收集整理的一个最简单的WebSocket hello world demo的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 迪拜拍出世界最贵车牌号:价值超1亿元!
- 下一篇: 华尔街投资者:去年股价回调走得太远,科技