websocket nodejs serve rclient browser Web Sockets are probably in use more around you now than you think, most things with real-time interactions are most probably running through these little gems. They’re great for instant transfers of data from one machine to one or many other connected clients, used in things like instant chats, collaborative sketch environments and many more ( ). from Step1 : Set up Express server Express takes the role of HTTP server, serving file and wiring service HTML Websocket var express = require('express') var ws = require('./ws') var app = express() app.get('/', function (req, res) { }) res.sendfile(__dirname + '/ws.html'); app.listen(3000, function () {console.log('Example app listening on port 3000!')}) Step2 : Set up Client HTML File is a browser supported object. websocket client Below is goind to introduce 3 importand fucntion: : emmited when connected ws.onopen : sending a send event to websocket server ws.send : event emmited when receiving message ws.onmessage ( ) Read More <script>var ws = new WebSocket('ws://localhost:40510'); // event emmited when connected ws.onopen = function () { console.log('websocket is connected ...') // sending a send event to websocket server ws.send('connected') } // event emmited when receiving message ws.onmessage = function (ev) { console.log(ev); } </script> Step3 : Set up Websocket service server code is simple, I think you would understand var WebSocketServer = require('ws').Server,wss = new WebSocketServer({port: 40510}) wss.on('connection', function (ws) {ws.on('message', function (message) {console.log('received: %s', message)}) setInterval(() => ws.send(`${new Date()}`),1000)}) Being a lazy guy $ git clone git@github.com:wahengchang/nodejs-websocket-example.git $ npm install $ npm start Open browser http://localhost:3000/ Unstanding ws is a WebSocket client and server implementation, fast, and easy to use ([R]ead More]( )). ws https://stackoverflow.com/questions/16392260/which-websocket-library-to-use-with-node-js Reference https://github.com/wahengchang/nodejs-websocket-example https://github.com/websockets/ws https://websockets.github.io/ws/ http://codular.com/node-web-sockets
![featured image - [Node.js] set up Websocket + Express + HTML service in 3 step](https://hackernoon.imgix.net/fallback-feat.png?auto=format&fit=max&w=2048)
![[Note] 19 Coding Rules that every coder must know](https://hackernoon.imgix.net/hn-images/1*LwkasdSEFs7rhv21ayrfxA.png?auto=format&fit=max&w=3840)
![How to Build A Well Structured 3-tier Architecture (MERN Stack - ES6) [Step-by-Step Guide]](https://hackernoon.imgix.net/drafts/ar1wv331n.png?auto=format&fit=max&w=3840)
