deep0892 / node-sse

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

node-sse-example

This is a small example that shows how to do HTML5 Server Side Events with the express framework for node.js. HTML5 SSE is a great alternative to long-polling and WebSockets if you only need realtime communication from the server to the browser, rather than two-way.

Everything is contained in a single file: app.js. The app.js server will allow any number of browers to connect and, every 2 seconds, will broadcast out the same random number to all connected clients, who will receive that number over the HTML5 server side events "EventSource" API.

Installation

Clearly, you'll need to install node. Then you can do

git clone https://github.com/kljensen/node-sse-example.git
cd node-sse-example
npm install

The last command will install the two dependencies, express and nodemon, which will allow you to watch a node script and restart it when it changes.

Running

To run the app, you can do

node ./app.js

Or, if you want to edit the app and have the server automatically restart

./node_modules/.bin/nodemon ./app.js

assuming you've gone through the installation process as described above.

You should see output like the screenshot below, where there's three different browser windows all connected to the server. You can see they're each receiving the same data at the same time.

Browsers connected to server using HTML5 SSE

About


Languages

Language:JavaScript 100.0%