-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
109 lines (103 loc) · 5.02 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/app.css">
<title>E4 web demo</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark">
<a href="/">
<img src="img/logo.png" width="140px" class="d-inline-block align-top" alt="Teserakt">
</a>
<span class="navbar-brand">E4 Web Demo</span>
</nav>
<div class=" container">
<div id="content" class="row">
<div class="row">
<div class="section col-8 offset-2">
<h1>Try E4, in the browser</h1>
<p>
The E4 Web Demo application let you try out E4 from your browser, without
downloading or installing anything! E4 has been compiled into WebAssembly from Go bindings,
allowing it to run directly in the browser. In few steps, you can start using E4, by simulating
IoT devices and manually send MQTT messages.
</p>
</div>
<div class="section col-8 offset-2">
<h2>How to use the demo application</h2>
<p>
Following the simple steps below, you can start sending E4 protected messages over MQTT and
experience the simplicity of E4.
</p>
<ol>
<li>Create one or more simulated IoT devices in the <a href="demo.html">Demo application</a>
</li>
<li>Register them in our public <a href="https://console.demo.teserakt.io/">web
console</a>
and creates the communication topic(s)
</li>
<li>Subscribe your device to the topics, and start sending and receiving protected or clear
messages</li>
</ol>
<p class="text-center mt-5">
<a class="btn btn-lg" href="demo.html">Try it now</a>
</p>
</div>
<div class="section col-8 offset-2">
<h2>What's behind ?</h2>
<p>
This demo application is a simple JavaScript / JQuery snippet offering the following features:
<ul>
<li>Create MQTT clients or load them from the browser localStorage</li>
<li>Send clear or E4 protected messages over MQTT</li>
<li>Subscribe to topics, and receive clear or E4 protected messages</li>
</ul>
All of the code behind this demo is open source and available on github (see the links below).
Additionally, we uses our commercial and public console to present its capabilities.
</p>
<p>
Links:
<ul>
<li><a href="https://github.com/teserakt-io/e4wasm-demo/blob/master/public/js/app.js">JavaScript
/ JQuery
demo application</a></li>
<li><a href="https://github.com/teserakt-io/e4wasm-demo/blob/master/bindings/e4wasm.go">Go
WebAssembly bindings</a></li>
<li><a href="https://github.com/teserakt-io/e4go">E4 Go client library</a></li>
</ul>
</p>
<p>
If you're experiencing any issue with the demo, have questions or want to know more about our
solutions, feel free to <a href="mailto:[email protected]">contact us</a>.
</p>
</div>
</div>
</div>
</div>
<footer id="footer">
<div class="container">
<div class="row pt-5 justify-content-center">
<div class="col-6">
<div class="row justify-content-center">
<div class="footer-logo">
<img src="img/logo_footer.png" alt="logo">
</div>
</div>
<div class="row justify-content-center pt-3 pb-5">
<p>
Teserakt AG —
UID: CHE‑414.027.875 —
<a class="wt" href="mailto:[email protected]">[email protected]</a>
</p>
</div>
</div>
</div>
</div>
</footer>
<script src="js/jquery-3.4.1.slim.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
</body>
</html>