saviruBandara
diff --git a/‎app.json
+22 b/‎app.json
+22
diff --git a/‎index.html
+57 b/‎index.html
+57
diff --git a/‎index.js
+29 b/‎index.js
+29
@@ -0,0 +1,22 @@
+{
+  "name": "Socket-webpush-Example with nodejs and java service",
+  "description": "update client with nodejs service when changes into java service",
+  "website": "https://github.com/socketio/chat-example",
+  "repository": "https://github.com/socketio/chat-example",
+  "logo": "https://node-js-sample.herokuapp.com/node.svg",
+  "success_url": "/",
+  "keywords": [
+    "node",
+    "express",
+    "socket.io",
+    "realtime",
+    "websocket"
+  ],
+  "scripts": {
+  },
+  "addons": [
+  ],
+  "env": {
+    "BUILDPACK_URL": "https://github.com/heroku/heroku-buildpack-nodejs"
+  }
+}
@@ -0,0 +1,57 @@
+<!doctype html>
+<html>
+<head>
+    <title>Socket.IO chat</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font: 13px Helvetica, Arial;
+        }
+
+           </style>
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet">
+</head>
+<body>
+<table id="webpush"
+       class="display nowrap table table-hover table-striped table-bordered"
+       cellspacing="0" width="100%">
+    <thead>
+    <tr>
+        <td>Property</td>
+        <td>Reservations</td>
+        <td>Total</td>
+        <td>Occupancy</td>
+    </tr>
+    </thead>
+    <tbody>
+    </tbody>
+</table>
+<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
+<script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
+<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
+<script>
+    $(function () {
+        var socket = io();
+        socket.on('webpush', function (msg) {
+            jQuery('#webpush').DataTable().destroy();
+            $('#webpush').DataTable({
+                'data': msg,
+                'columns': [
+                    {"data": "property"},
+                    {"data": "reservations"},
+                    {"data": "total"},
+                    {"data": "occupancy"}
+                ]
+            });
+        });
+    });
+</script>
+</body>
+</html>
@@ -0,0 +1,29 @@
+var app = require('express')();
+var http = require('http').Server(app);
+var io = require('socket.io')(http);
+var bodyParser = require('body-parser');
+var url = require('url');
+var querystring = require('querystring');
+var port = process.env.PORT || 9857;
+
+app.use(bodyParser.urlencoded({extended: false}));
+app.use(bodyParser.json());
+
+app.get('/',function (request,response) {
+    response.sendFile(__dirname + '/index.html');
+});
+app.post('/', function (request, res) {
+    try {
+        var strBody = request.body;
+        console.log(strBody);
+
+        io.emit('webpush', strBody);
+
+    } catch (ex) {
+        console.dir(ex);
+    }
+});
+
+http.listen(port, function () {
+    console.log('listening on *:' + port);
+});