Schnittstellen

Kommunikation zwischen Server und Webseite

Die Kommunikation zwischen dem Server und der Webseite wird mittels AJAX beziehungsweise gehandhabt.
Die Daten liegen hierbei auf dem Server und werden von dem Webserver angefragt. Die Anfrage wird über einen Variablennamen erstellt und die erhaltene Antwort wird dann in das entsprechende Element in der DOM eingefügt.

Aufbau einer Anfrage

Wie zuvor erwähnt besteht enthält eine Anfrage Informationen, in diesem Fall beschränkt auf eine Variable in Form eines Strings welcher dem Server Informationen darüber liefert welche Informationen angefragt werden. In dem Code unter diesem Abschnitt ist der Ablauf einer solchen Frage dargestellt, die Variable “varName” wird an die Funktion übergeben und die XMLHttpRequest wird an den Server geschickt.
Bei den Anfragen handelt es sich hierbei immer um GET-Anfragen.

Behandeln einer Anfrage

Sofern der Server eine Anfrage erhält behandelt er diese und sendet die Informationen (sofern vorhanden) an den Webserver zurück.
Hierbei wird die in der Anfrage enthaltende Variable überprüft, sollte diese vorhanden sein werden die mit ihr assozierten Daten als Antwort losgeschickt. Ein exemplarischer Aufbau ist hierbei für die Variable “lastDrankAmount” gegeben.

Discord

Als Schnittstelle zwischen dem Arduino und dem Discord-Account auf Seite der Nutzer*innen werden ein Discord-Bot und ein Discord-Server benutzt. Nachrichten vom Flaschenuntersatz werden vom Bot in den Textkanal des Discord-Servers gesendet. Hierdurch wird ein Konfigurieren auf den/die Nutzer*in in der Testphase nicht notwendig, diese müssen nur dem Server beitreten. Über einen Webhook werden die Daten an den Bot übergeben. Dieser läuft nicht über den Arduino, sondern über die Server von Discord. Die Nachricht wird automatisch vom Bot in den Ausgabeserver gesendet.