legacy-libs/grpc-cloned/node_modules/protobufjs/examples/websocket/www/index.html

   1 <!DOCTYPE html>\r
   2 <html>\r
   3 <head>                                        <!-- Please copy the following files into here: -->\r
   4 <script src="./Long.min.js"></script>         <!-- https://raw.github.com/dcodeIO/Long.js/master/dist/Long.min.js -->\r
   5 <script src="./ByteBufferAB.min.js"></script> <!-- https://raw.github.com/dcodeIO/ByteBuffer.js/master/dist/ByteBufferAB.min.js -->\r
   6 <script src="./ProtoBuf.min.js"></script>     <!-- https://raw.github.com/dcodeIO/ProtoBuf.js/master/dist/ProtoBuf.min.js -->\r
   7 <script>\r
   8 if (typeof dcodeIO === 'undefined' || !dcodeIO.ProtoBuf) {\r
   9     throw(new Error("ProtoBuf.js is not present. Please see www/index.html for manual setup instructions."));\r
  10 }\r
  11 // Initialize ProtoBuf.js\r
  12 var ProtoBuf = dcodeIO.ProtoBuf;\r
  13 var Message = ProtoBuf.loadProtoFile("./example.proto").build("Message");\r
  14 </script>\r
  15 </head>\r
  16 <body>\r
  17 <textarea id="log" style="width: 100%; height: 200px"></textarea><br />\r
  18 <input type="text" id="text" value="hello world!" /> <button onclick="send()">Send</button>\r
  19 \r
  20 <script>\r
  21 var log = document.getElementById("log");\r
  22 var text = document.getElementById("text");\r
  23 \r
  24 // Connect to our server: node server.js\r
  25 var socket = new WebSocket("ws://localhost:8080/ws");\r
  26 socket.binaryType = "arraybuffer"; // We are talking binary\r
  27 \r
  28 function send() {\r
  29     if (socket.readyState == WebSocket.OPEN) {\r
  30         var msg = new Message(text.value);\r
  31         socket.send(msg.toArrayBuffer());\r
  32         log.value += "Sent: "+msg.text+"\n";\r
  33     } else {\r
  34         log.value += "Not connected\n";\r
  35     }\r
  36 }\r
  37 \r
  38 socket.onopen = function() {\r
  39     log.value += "Connected\n";\r
  40 };\r
  41 \r
  42 socket.onclose = function() {\r
  43     log.value += "Disconnected\n";\r
  44 };\r
  45     \r
  46 socket.onmessage = function(evt) {\r
  47     try {\r
  48         // Decode the Message\r
  49         var msg = Message.decode(evt.data);\r
  50         log.value += "Received: "+msg.text+"\n";\r
  51     } catch (err) {\r
  52         log.value += "Error: "+err+"\n";\r
  53     }\r
  54 };\r
  55 \r
  56 log.value = ""; // Clear log on reload\r
  57 </script>\r
  58 </body>\r
  59 </html>\r