f7ff90a64e
Also includes an index.html so it's easier to load all the frontend/backend HTML + JavaScript demos.
204 lines
15 KiB
HTML
204 lines
15 KiB
HTML
<!--
|
|
|
|
|
|
This is here to facilitate using the examples when running your own
|
|
local Crossbar instance; see the README for how to configure your
|
|
crossbar.io instance to point the root of its static Web directory at
|
|
the directory this file is in.
|
|
|
|
|
|
|
|
|
|
|
|
-->
|
|
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>Crossbar.io Examples</title>
|
|
|
|
<style>
|
|
html {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
color: #444;
|
|
background-color: #ececec;
|
|
font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
|
|
line-height: 1.6em;
|
|
}
|
|
|
|
a {
|
|
color: #b59f00;
|
|
}
|
|
|
|
a:visited {
|
|
color: #b59f00;
|
|
}
|
|
|
|
a:hover {
|
|
color: #E4C904;
|
|
}
|
|
|
|
pre {
|
|
color: #080;
|
|
font-family: 'Consolas', monospace;
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
#content {
|
|
margin: 0 0 0 25%;
|
|
width: 60%;
|
|
max-width: 45em;
|
|
}
|
|
|
|
#logo {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 1em;
|
|
width: 20%;
|
|
height: auto;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="content">
|
|
|
|
<div id="logo">
|
|
<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 473.17 80">
|
|
<g transform="matrix(.49999 0 0 .5 140.97 873.95)">
|
|
<path fill="#1a1a1a" d="m-281.94-1747.9h160v160h-160z"/>
|
|
<path style="block-progression:tb;text-indent:0;color:#000000;text-transform:none" fill="#ffde00" d="m-281.94-1714v16l37.708-0.1145 25.104 25.104 11.562-11.562-29.688-29.688z"/>
|
|
<path style="block-progression:tb;text-indent:0;color:#000000;text-transform:none" fill="#ffde00" d="m-184.91-1661.9-11.562 11.562 28.698 28.698h45.833v-16.042h-38.75z"/>
|
|
<path style="block-progression:tb;text-indent:0;color:#000000;text-transform:none" fill="#ffde00" d="m-166.63-1714.2-76.342 76.695h-38.97v16h45.689l76.602-76.549h37.708v-16.146z"/>
|
|
</g>
|
|
<path d="m137.54 60.49c-5.2947 1.0592-10.349 1.5888-15.163 1.5888-1.926-0.000001-3.7433-0.08447-5.4518-0.25342-1.7086-0.16895-3.61-0.52998-5.7041-1.0831-2.0942-0.55311-3.8755-1.299-5.3438-2.2378-1.4684-0.93875-2.7079-2.2628-3.7187-3.9721-1.0107-1.7093-1.5161-3.7194-1.5161-6.0303v-20.58c0-9.4345 7.2448-14.152 21.735-14.152 3.5625 0.000047 8.5207 0.52966 14.875 1.5888v8.4488c-5.728-1.3486-10.638-2.0229-14.729-2.0229-1.6366 0.000039-2.9724 0.04815-4.0073 0.14434-1.035 0.09627-2.1185 0.33683-3.2504 0.72169-1.132 0.38494-1.9745 0.99866-2.5276 1.8411-0.55314 0.84256-0.82969 1.9381-0.82968 3.2867v19.93c-0.00001 4.2354 3.8747 6.3531 11.624 6.3531 3.4186 0.000008 8.0881-0.69781 14.009-2.0935z" fill="#1a1a1a"/>
|
|
<path d="m167.27 34.423h-3.6118c-2.8883 0.000027-5.0666 0.44516-6.5349 1.3354-1.4684 0.8903-2.2026 2.4189-2.2026 4.5858v21.012h-10.542v-34.95h10.038v6.1394c0.0485-1.7335 1.0475-3.3102 2.997-4.7301 1.9495-1.4198 3.9834-2.1298 6.1019-2.1298h3.755z" fill="#1a1a1a"/>
|
|
<path d="m207.53 39.044v10.326c-0.00004 2.2624-0.36107 4.1998-1.0831 5.8121-0.7221 1.6123-1.6127 2.8636-2.6719 3.7539-1.0592 0.89028-2.4431 1.5763-4.1517 2.0582-1.7086 0.48186-3.2728 0.78303-4.6927 0.9035-1.4199 0.12046-3.141 0.1807-5.1631 0.1807-2.0222-0.000001-3.7433-0.06023-5.1632-0.1807s-2.9845-0.42163-4.6938-0.9035c-1.7093-0.48186-3.0936-1.1679-4.1528-2.0582-1.0592-0.89027-1.9499-2.1416-2.6719-3.7539-0.72206-1.6123-1.0831-3.5497-1.0831-5.8121v-10.326c0-2.4078 0.37315-4.466 1.1194-6.1746 0.7463-1.7085 1.6612-3.0201 2.7446-3.9346 1.0834-0.91448 2.4916-1.6248 4.2244-2.1309 1.7328-0.50607 3.2853-0.81899 4.6574-0.93875 1.3721-0.1197 3.045-0.17956 5.0188-0.1796 1.9737 0.000036 3.6466 0.0599 5.0188 0.1796 1.3721 0.11977 2.9246 0.43268 4.6574 0.93875 1.7328 0.50614 3.1405 1.2164 4.2233 2.1309 1.0827 0.91454 1.9972 2.2261 2.7435 3.9346 0.74626 1.7086 1.1194 3.7668 1.1194 6.1746zm-10.542 11.554v-13.215c-0.00003-1.8775-0.48153-3.2133-1.4445-4.0073-0.96302-0.79402-2.8886-1.191-5.7769-1.1911-2.8883 0.00003-4.8135 0.39705-5.7758 1.1911-0.96228 0.79408-1.4434 2.1299-1.4434 4.0073v13.215c-0.00002 1.829 0.46899 3.1046 1.407 3.8266 0.938 0.72207 2.8754 1.0831 5.8121 1.0831 2.9367 0.000006 4.8744-0.36102 5.8132-1.0831 0.93872-0.72205 1.4081-1.9976 1.4081-3.8266z" fill="#1a1a1a"/>
|
|
<path d="m245.85 47.709v4.4051c-0.00004 1.7321-0.32471 3.2239-0.97401 4.4756-0.64938 1.2517-1.4677 2.2268-2.4549 2.9253-0.98726 0.69856-2.2753 1.2403-3.8641 1.6252-1.5889 0.3849-3.1171 0.63759-4.5847 0.75806-1.4676 0.12046-3.1887 0.1807-5.1632 0.1807-3.8035-0.000001-8.401-0.3614-13.793-1.0842v-7.0032c6.6917 1.0107 11.338 1.5161 13.938 1.5161 2.0699 0.000006 3.6705-0.20457 4.8018-0.61372 1.1312-0.40914 1.6968-1.2153 1.6968-2.4185v-2.1684c-0.00003-1.1062-0.31294-1.9363-0.93876-2.4901-0.62585-0.55384-1.9738-0.83076-4.0437-0.83078h-4.5505c-3.6581 0.000015-6.51-0.73417-8.5557-2.2025s-3.0686-3.6224-3.0686-6.4622v-4.2597c-0.00001-3.1776 1.5165-5.3681 4.5494-6.5713s7.3172-1.8048 12.853-1.8048c2.3109 0.000036 6.4508 0.21673 12.42 0.65008v6.7145c-7.5101-0.57733-11.746-0.866-12.708-0.86603-2.9367 0.00003-4.7904 0.2046-5.5609 0.61372-0.77056 0.40917-1.1558 1.1911-1.1558 2.3458v1.8775c-0.00002 0.57738 0.30115 1.107 0.90349 1.5888 0.60232 0.48189 1.5293 0.72282 2.781 0.7228h4.621c8.5678 0.000022 12.852 2.792 12.852 8.3761z" fill="#1a1a1a"/>
|
|
<path d="m283.79 47.709v4.4051c-0.00003 1.7321-0.3247 3.2239-0.97401 4.4756-0.64938 1.2517-1.4677 2.2268-2.4549 2.9253-0.98727 0.69856-2.2753 1.2403-3.8641 1.6252-1.5889 0.3849-3.1171 0.63759-4.5847 0.75806-1.4676 0.12046-3.1887 0.1807-5.1632 0.1807-3.8035-0.000001-8.401-0.3614-13.793-1.0842v-7.0032c6.6917 1.0107 11.338 1.5161 13.938 1.5161 2.0699 0.000006 3.6705-0.20457 4.8018-0.61372 1.1312-0.40914 1.6968-1.2153 1.6968-2.4185v-2.1684c-0.00002-1.1062-0.31294-1.9363-0.93875-2.4901-0.62586-0.55384-1.9738-0.83076-4.0437-0.83078h-4.5505c-3.6581 0.000015-6.51-0.73417-8.5557-2.2025s-3.0686-3.6224-3.0686-6.4622v-4.2597c0-3.1776 1.5165-5.3681 4.5494-6.5713s7.3172-1.8048 12.853-1.8048c2.3109 0.000036 6.4508 0.21673 12.42 0.65008v6.7145c-7.51-0.57733-11.746-0.866-12.708-0.86603-2.9368 0.00003-4.7904 0.2046-5.5609 0.61372-0.77055 0.40917-1.1558 1.1911-1.1558 2.3458v1.8775c-0.00001 0.57738 0.30115 1.107 0.9035 1.5888 0.60231 0.48189 1.5293 0.72282 2.781 0.7228h4.621c8.5678 0.000022 12.852 2.792 12.852 8.3761z" fill="#1a1a1a"/>
|
|
<path d="m327.44 37.455v11.481c-0.00004 4.7658-1.432 8.1476-4.296 10.146-2.864 1.998-7.4737 2.997-13.829 2.997-6.6903-0.000001-11.311-1.0471-13.863-3.1413-2.5518-2.0942-3.8277-5.4279-3.8277-10.001v-38.128h10.542v19.064c0.62582-1.5881 1.7934-2.6829 3.5027-3.2845 1.7093-0.60156 4.321-0.90236 7.8351-0.90239 2.9837 0.000036 5.4143 0.2406 7.2919 0.7217 1.8775 0.48116 3.2977 1.2635 4.2608 2.3469 0.96296 1.0835 1.6009 2.2749 1.9139 3.5743 0.31288 1.2994 0.46934 3.0084 0.46938 5.1268zm-10.542 12.852v-12.924c-0.00003-2.2624-0.4213-3.6944-1.2638-4.296-0.84256-0.60157-2.9246-0.90236-6.2462-0.90239-2.9852 0.00003-4.9351 0.38493-5.8496 1.1547-0.91453 0.76984-1.3718 2.1177-1.3718 4.0437v12.924c-0.00001 2.0714 0.44549 3.4561 1.3365 4.1539 0.89099 0.69783 2.8768 1.0467 5.9576 1.0467 3.0807 0.000006 5.0904-0.3489 6.0292-1.0467 0.93872-0.69782 1.4081-2.0824 1.4081-4.1539z" fill="#1a1a1a"/>
|
|
<path d="m367.11 61.356h-10.326v-3.1777c-0.76983 1.3956-1.8768 2.3946-3.3209 2.997-1.4441 0.60233-4.0922 0.9035-7.9442 0.9035-4.7173-0.000001-7.8461-0.72206-9.3864-2.1662-1.5404-1.4441-2.3105-4.4528-2.3105-9.0261 0-4.1399 0.79441-7.0164 2.3832-8.6295 1.5888-1.613 4.429-2.4196 8.5204-2.4196h11.842v-2.3821c-0.00002-2.1184-0.49364-3.5265-1.4808-4.2244-0.98726-0.69779-3.069-1.0467-6.2451-1.0467-2.9852 0.00003-7.0774 0.28871-12.277 0.86603v-6.644c3.9959-0.48036 8.4488-0.72056 13.359-0.72059 6.4508 0.000036 10.928 0.78233 13.431 2.3469 2.5033 1.5646 3.755 4.6571 3.755 9.2774zm-10.542-8.9534v-6.7872h-7.2214c-2.3109 0.000016-3.755 0.26445-4.3324 0.79331-0.57737 0.52889-0.86605 1.9488-0.86604 4.2597-0.00001 2.2624 0.30079 3.6346 0.9024 4.1164 0.60158 0.48187 2.1298 0.7228 4.5847 0.7228 1.2032 0.000006 2.0938-0.01211 2.6719-0.03636 0.57807-0.02423 1.2039-0.08447 1.8775-0.1807 0.67356-0.09622 1.1429-0.25268 1.4081-0.46938 0.26515-0.21668 0.49396-0.51748 0.68644-0.90239 0.19242-0.3849 0.28865-0.89026 0.28867-1.5161z" fill="#1a1a1a"/>
|
|
<path d="m399.27 34.423h-3.6118c-2.8883 0.000027-5.0666 0.44516-6.5349 1.3354-1.4684 0.8903-2.2026 2.4189-2.2026 4.5858v21.012h-10.542v-34.95h10.038v6.1394c0.0485-1.7335 1.0474-3.3102 2.997-4.7301 1.9495-1.4198 3.9834-2.1298 6.1019-2.1298h3.755z" fill="#1a1a1a"/>
|
|
<path d="m413.82 61.356h-8.3761v-7.7987h8.3761z" fill="#808080"/>
|
|
<path d="m431 20.558h-6.4986v-6.7872h6.4986zm0 40.798h-6.4986v-34.95h6.4986z" fill="#808080"/>
|
|
<path d="m473.17 38.176v12.131c-0.00004 2.1669-0.26484 3.9967-0.79441 5.4893-0.52965 1.4926-1.2036 2.6481-2.0218 3.4663-0.81832 0.81829-1.9859 1.4441-3.5027 1.8775-1.5169 0.43338-2.9614 0.69819-4.3335 0.79442-1.3722 0.09623-3.1894 0.14434-5.4518 0.14434-2.8883-0.000001-5.1386-0.09623-6.7509-0.28868-1.6124-0.19245-3.225-0.66183-4.8381-1.4081-1.6131-0.7463-2.7685-1.9377-3.4663-3.5743-0.69782-1.6366-1.0467-3.8035-1.0467-6.5008v-12.131c-0.00001-2.3094 0.27692-4.2585 0.83077-5.8474 0.55385-1.5888 1.2278-2.8166 2.0218-3.6834 0.79404-0.86673 1.9612-1.5286 3.5016-1.9855 1.5403-0.45686 2.9723-0.73341 4.296-0.82967 1.3236-0.09619 3.1409-0.1443 5.4518-0.14434 2.3109 0.000036 4.1282 0.04815 5.4518 0.14434 1.3236 0.09626 2.756 0.37282 4.2971 0.82967 1.541 0.45692 2.7086 1.1188 3.5027 1.9855 0.79401 0.8668 1.468 2.0946 2.0218 3.6834 0.55381 1.5889 0.83073 3.538 0.83077 5.8474zm-6.644 13.07v-14.152c-0.00003-3.2261-0.6501-5.2241-1.9502-5.9939-1.3002-0.76978-3.8035-1.1547-7.51-1.1547-3.7066 0.000032-6.2095 0.38494-7.5089 1.1547-1.2994 0.76984-1.9491 2.7678-1.9491 5.9939v14.152c-0.00001 1.5411 0.1682 2.7689 0.50463 3.6834 0.33641 0.91452 0.96225 1.5763 1.8775 1.9855 0.91523 0.40915 1.854 0.66183 2.8163 0.75806 0.96224 0.09623 2.3821 0.14434 4.2596 0.14434 1.8775 0.000004 3.2977-0.04811 4.2608-0.14434 0.96296-0.09622 1.9017-0.34891 2.8163-0.75806 0.91448-0.40914 1.5403-1.071 1.8775-1.9855 0.33712-0.91451 0.5057-2.1423 0.50573-3.6834z" fill="#808080"/>
|
|
</svg>
|
|
</div>
|
|
|
|
<h1>Examples Index</h1>
|
|
|
|
<p>
|
|
Please see the <code><a href="README.md">README.md</a></code> or
|
|
<code><a href="running-the-examples.md">running-the-examples.md</a></code>;
|
|
this provides convenience links to various demos' HTML and
|
|
JavaScript assets but is intended to be used via a router
|
|
and corresponding frontend or backend Python (or other
|
|
language) scripts.
|
|
</p>
|
|
|
|
<ul>
|
|
<li>
|
|
<code><a href="twisted/wamp/basic/pubsub/">twisted/wamp/basic/pubsub/</a></code>:
|
|
<ul>
|
|
<li>
|
|
<code>…/pubsub/basic/</code>:
|
|
<a href="twisted/wamp/basic/pubsub/basic/frontend.html">frontend.html</a>,
|
|
<a href="twisted/wamp/basic/pubsub/basic/backend.html">backend.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
<code>…/pubsub/complex/</code>:
|
|
<a href="twisted/wamp/basic/pubsub/complex/frontend.html">frontend.html</a>,
|
|
<a href="twisted/wamp/basic/pubsub/complex/backend.html">backend.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
<code>…/pubsub/decorators/</code>:
|
|
<a href="twisted/wamp/basic/pubsub/decorators/frontend.html">frontend.html</a>,
|
|
<a href="twisted/wamp/basic/pubsub/decorators/backend.html">backend.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
<code>…/pubsub/options/</code>:
|
|
<a href="twisted/wamp/basic/pubsub/options/frontend.html">frontend.html</a>,
|
|
<a href="twisted/wamp/basic/pubsub/options/backend.html">backend.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
<code>…/pubsub/unsubscribe/</code>:
|
|
<a href="twisted/wamp/basic/pubsub/unsubscribe/frontend.html">frontend.html</a>,
|
|
<a href="twisted/wamp/basic/pubsub/unsubscribe/backend.html">backend.html</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li>
|
|
<code><a href="twisted/wamp/basic/rpc/">twisted/wamp/basic/rpc/</a></code>:
|
|
<ul>
|
|
<li>
|
|
<code>…/rpc/arguments/</code>:
|
|
<a href="twisted/wamp/basic/rpc/arguments/frontend.html">frontend.html</a>,
|
|
<a href="twisted/wamp/basic/rpc/arguments/backend.html">backend.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
<code>…/rpc/complex/</code>:
|
|
<a href="twisted/wamp/basic/rpc/complex/frontend.html">frontend.html</a>,
|
|
<a href="twisted/wamp/basic/rpc/complex/backend.html">backend.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
<code>…/rpc/decorators/</code>:
|
|
<a href="twisted/wamp/basic/rpc/decorators/frontend.html">frontend.html</a>,
|
|
</li>
|
|
|
|
<li>
|
|
<code>…/rpc/errors/</code>:
|
|
<a href="twisted/wamp/basic/rpc/errors/frontend.html">frontend.html</a>,
|
|
<a href="twisted/wamp/basic/rpc/errors/backend.html">backend.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
<code>…/rpc/options/</code>:
|
|
<a href="twisted/wamp/basic/rpc/options/frontend.html">frontend.html</a>,
|
|
<a href="twisted/wamp/basic/rpc/options/backend.html">backend.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
<code>…/rpc/progress/</code>:
|
|
<a href="twisted/wamp/basic/rpc/progress/frontend.html">frontend.html</a>,
|
|
<a href="twisted/wamp/basic/rpc/progress/backend.html">backend.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
<code>…/rpc/slowsquare/</code>:
|
|
<a href="twisted/wamp/basic/rpc/slowsquare/frontend.html">frontend.html</a>,
|
|
<a href="twisted/wamp/basic/rpc/slowsquare/backend.html">backend.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
<code>…/rpc/timeservice/</code>:
|
|
<a href="twisted/wamp/basic/rpc/timeservice/frontend.html">frontend.html</a>,
|
|
<a href="twisted/wamp/basic/rpc/timeservice/backend.html">backend.html</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|