Skip to content

Real time Angular 2 application with NodeJS ( express ) for back-end side and SocketIO .This application show one example of long running async operation that is visible as progress bar where user can cancel it or it can be canceled by an exception.

License

Notifications You must be signed in to change notification settings

harishajdarevic/angular-nodejs-socketio-semantic

Repository files navigation

Description

This is an example for realtime communication between client ( Angular ) and server ( NodeJS ) via WebSockets ( SocketIO ).

You will see different variations of asynchrounous actions that are triggered with REST API and response is returned immediatelly from a server where "long" running operation continues processing in background.

This is useful to release client by getting response immediatelly and not waiting that operation finish.

On other hand user needs to be informed what is happening on server and here that is presented with progress bar.

User is able to start async operation, cancel it and also we are going to simulate catching an exception and stopping operation.

Live demo

Demo

Screenshot

Screenshot of demo application

Prerequisites

Node.js and npm are essentials.

I recommend nvm for managing multiple versions of node and npm.

Installation

After project cloning go inside root directory and run:

npm install

Run

After installation of all dependencies finish

npm run "[A + N] Start angular & server"

Above command will start nodejs and angular client.

So you can access to demo page at:

http://localhost:5678/

Licence

MIT License

About

Real time Angular 2 application with NodeJS ( express ) for back-end side and SocketIO .This application show one example of long running async operation that is visible as progress bar where user can cancel it or it can be canceled by an exception.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published