dyno/app/templates/index.html (22 lines of code) (raw):

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Testing page for socket server</title> <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.1.1/socket.io.js"></script> <script type="text/javascript"> $(document).ready(function() { var socket = io.connect('http://localhost:8000'); socket.on('service_state', function(msg) { $('#service').append('<br>' + $('<div/>').text('Service received: ' + msg.data).html()); }); }); </script> </head> <body> <h1>Dyno events</h1> <h2>Receive log:</h2> <div id="service"></div> </body> </html>