index.html

<html>
<head>
  <title> proxy index </title>
  <script type="text/javascript">
  window.onload = function() {
    var es = new EventSource("/api/sse");
    var div = document.getElementById('events');
    es.onmessage = function(ev) {
      var el = document.createElement('div');
      el.innerHTML = 'sse message: ' + ev.data;
      div.appendChild(el);
      // Keep only last 5 messages in the list
      while (div.childNodes.length > 5) div.removeChild(div.firstChild);
    };
  };
  </script>
</head>
<body>
  <h1> proxy index page.</h1>
  <ul>
    <li><a href="app1">App1</a> - App1 root</li>
    <li><a href="app2">App2</a> - App2 root</li>
  </ul>

  <h2>SSE pushes, done by separate threads at random times:</h2>
  <div id="events"></div>

</body>
</html>