add koa example

junmer · junmer · commit caa54280c20f · 2015-06-05T01:58:47.000+08:00
diff --git a/examples/koa/index.html b/examples/koa/index.html
@@ -0,0 +1,71 @@
+<!doctype html>
+<html><head>
+    <script src="//cdn.jsdelivr.net/jquery/2.1.4/jquery.min.js"></script>
+    <script src="//cdn.jsdelivr.net/sockjs/0.3.4/sockjs.min.js"></script>
+    <style>
+      .box {
+          width: 300px;
+          float: left;
+          margin: 0 20px 0 20px;
+      }
+      .box div, .box input {
+          border: 1px solid;
+          -moz-border-radius: 4px;
+          border-radius: 4px;
+          width: 100%;
+          padding: 0px;
+          margin: 5px;
+      }
+      .box div {
+          border-color: grey;
+          height: 300px;
+          overflow: auto;
+      }
+      .box input {
+          height: 30px;
+      }
+      h1 {
+          margin-left: 30px;
+      }
+      body {
+          background-color: #F0F0F0;
+          font-family: "Arial";
+      }
+    </style>
+</head><body lang="en">
+    <h1>SockJS Express example</h1>
+
+    <div id="first" class="box">
+      <div></div>
+      <form><input autocomplete="off" value="Type here..."></input></form>
+    </div>
+
+    <script>
+        var sockjs_url = '/echo';
+        var sockjs = new SockJS(sockjs_url);
+        $('#first input').focus();
+
+        var div  = $('#first div');
+        var inp  = $('#first input');
+        var form = $('#first form');
+
+        var print = function(m, p) {
+            p = (p === undefined) ? '' : JSON.stringify(p);
+            div.append($("<code>").text(m + ' ' + p));
+            div.append($("<br>"));
+            div.scrollTop(div.scrollTop()+10000);
+        };
+
+        sockjs.onopen    = function()  {print('[*] open', sockjs.protocol);};
+        sockjs.onmessage = function(e) {print('[.] message', e.data);};
+        sockjs.onclose   = function()  {print('[*] close');};
+
+        form.submit(function() {
+            print('[ ] sending', inp.val());
+            sockjs.send(inp.val());
+            inp.val('');
+            return false;
+        });
+
+    </script>
+</body></html>
diff --git a/examples/koa/package.json b/examples/koa/package.json
@@ -0,0 +1,8 @@
+{
+  "name": "sockjs-koa",
+  "version": "0.0.0-unreleasable",
+  "dependencies": {
+    "koa": "^0.21.0",
+    "sockjs": "*"
+  }
+}
diff --git a/examples/koa/server.js b/examples/koa/server.js
@@ -0,0 +1,29 @@
+var koa     = require('koa');
+var sockjs  = require('sockjs');
+var http    = require('http');
+var fs      = require('fs');
+var path    = require('path');
+
+// 1. Echo sockjs server
+var sockjs_opts = {sockjs_url: "http://cdn.jsdelivr.net/sockjs/0.3.4/sockjs.min.js"};
+var sockjs_echo = sockjs.createServer(sockjs_opts);
+sockjs_echo.on('connection', function(conn) {
+    conn.on('data', function(message) {
+        conn.write(message);
+    });
+});
+
+// 2. koa server
+var app = koa();
+
+app.use(function *() {
+    var filePath = __dirname + '/index.html';
+    this.type = path.extname(filePath);
+    this.body = fs.createReadStream(filePath);
+});
+
+var server = http.createServer(app.callback());
+sockjs_echo.installHandlers(server, {prefix:'/echo'});
+
+server.listen(9999, '0.0.0.0');
+console.log(' [*] Listening on 0.0.0.0:9999' );
