Simple Chat built with Realtime Messaging and Angular2
TypeScript JavaScript HTML CSS
Latest commit 9f3a2ec Feb 14, 2017 @jparreira jparreira Version 1.0
Failed to load latest commit information.
e2e Version 1.0 Feb 13, 2017
src Version 1.0 Feb 13, 2017
.editorconfig Version 1.0 Feb 13, 2017
.gitignore Version 1.0 Feb 13, 2017
LICENSE Initial commit Feb 13, 2017 Version 1.0 Feb 13, 2017
angular-cli.json Version 1.0 Feb 13, 2017
karma.conf.js Version 1.0 Feb 13, 2017
package.json Version 1.0 Feb 13, 2017
protractor.conf.js Version 1.0 Feb 13, 2017
tslint.json Version 1.0 Feb 13, 2017

Realtime Messaging Simple Chat using Angular2

Part of the The Realtime® Framework, Realtime Cloud Messaging (aka ORTC) is a secure, fast and highly scalable cloud-hosted Pub/Sub real-time message broker for web and mobile apps.

If your application has data that needs to be updated in the user’s interface as it changes (e.g. real-time stock quotes or ever changing social news feed) Realtime Cloud Messaging is the reliable, easy, unbelievably fast, “works everywhere” solution.

Example overview

This examples provides a very simple chat using the Realtime Messaging JavaScript SDK with Angular2.

Enter a message in the input field and it will be broadcasted to all other windows running the example.

The Angular2 project was generated with angular-cli version 1.0.0-beta.28.3.

We have simply added the realtime-messaging module dependency in the package.json file:

"dependencies": {
    "realtime-messaging": "^2.1.40"


You'll need node.js (> 6.9) and npm (> 3.10) to build this example.

Register to get your free Realtime Messaging application key at

Install dependencies

Before you start your development server to run the app, don't forget to run the following command in the example root directory to install all dependencies:

npm install

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.


Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.