Änderungen
Aus Hackerspace Ffm
Die Seite wurde neu angelegt: „Hier wird beschrieben wie man Daten von einer WebSeite über den Raspberry Pi zum Arduino schicken kann. Als erstes brauchen wir einen WebServer. Da wir Pytho…“
Hier wird beschrieben wie man Daten von einer WebSeite über den Raspberry Pi zum Arduino schicken kann.
Als erstes brauchen wir einen WebServer. Da wir Python verwenden wollen nehmen wir [http://www.tornadoweb.org/en/stable/ Tornado].
<pre>sudo pip install tornado</pre>
Dann ein Verzeichniss für den Server anlegen /server/.
Dort ein Unterverzeichniss mit dem namen /server/templates anlegen und ein index.html Datei mit folgendem Inhalt erstellen.
<pre>
<!DOCTYPE html>
<html>
<head>
<title>Tornado WebSockets</title>
<script>
var ws;
function onLoad() {
ws = new WebSocket("ws://raspberrypi:9090/websocket");
ws.onmessage = function(e) {
//alert(e.data);
document.getElementById('out').value += e.data;
};
}
function sendMsg() {
ws.send(document.getElementById('msg').value);
}
</script>
</head>
<body onload="onLoad();">
Send:<input type="text" id="msg" maxlength="25" size="30" />
<input type="button" onclick="sendMsg();" value="Send" />
<br>
Received:<br>
<textarea id="out" rows="4" cols="50"></textarea>
</body>
</html>
</pre>
Als erstes brauchen wir einen WebServer. Da wir Python verwenden wollen nehmen wir [http://www.tornadoweb.org/en/stable/ Tornado].
<pre>sudo pip install tornado</pre>
Dann ein Verzeichniss für den Server anlegen /server/.
Dort ein Unterverzeichniss mit dem namen /server/templates anlegen und ein index.html Datei mit folgendem Inhalt erstellen.
<pre>
<!DOCTYPE html>
<html>
<head>
<title>Tornado WebSockets</title>
<script>
var ws;
function onLoad() {
ws = new WebSocket("ws://raspberrypi:9090/websocket");
ws.onmessage = function(e) {
//alert(e.data);
document.getElementById('out').value += e.data;
};
}
function sendMsg() {
ws.send(document.getElementById('msg').value);
}
</script>
</head>
<body onload="onLoad();">
Send:<input type="text" id="msg" maxlength="25" size="30" />
<input type="button" onclick="sendMsg();" value="Send" />
<br>
Received:<br>
<textarea id="out" rows="4" cols="50"></textarea>
</body>
</html>
</pre>
