All Projects → kljensen → node-sse-example

kljensen / node-sse-example

Licence: other
No description, website, or topics provided.

Programming Languages

javascript
184084 projects - #8 most used programming language

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].