Differences

This shows you the differences between two versions of the page.

--- lehrkraefte:blc:informatik:ffprg2-2020:start [2020/11/04 13:12]
mirco.triner
+++ lehrkraefte:blc:informatik:ffprg2-2020:start [2021/01/07 13:43]
Ivo Blöchliger [Fernunterricht 8./15. Januar]
@@ Line 11: / Line 11: @@
   * WiFi zu IR Übersetzer
+===== Fernunterricht 8./15. Januar =====
+Einstieg Web-Entwicklung:
+=== Einrichten ===
+  * **Nur Windows**: Installation eines ssh-clients (z.B. [[https://www.putty.org/|putty]])
+  * Passwort ändern:
+    * Sich per ssh verbinden, das Kommand ''passwd'' eingeben und bestätigen (es wird bei der Eingabe der Passwörter gar nichts angezeigt).
+    * (Mac, Linux, direkt auf der Konsole: ssh -p 40199 user.name@tech-lab.ch, Windows putty oder anderer SSH-client installieren (sollte jetzt auch native gehen, habe ich gehört)).
+  * FileZilla installieren (auf Linux und Mac nicht nötig, aber möglich).
+  * Datei index.html umbenennen, z.B. in start.html (enthält ihren Namen)
+    * z.B. mit Filezilla oder auf der Konsole mit ''mv index.html start.html''
+  * Datei .htaccess umbennen oder löschen, damit Ihre Webseite von ausserhalb der KSBG erreichbar wird. Das kann via Konsole (ssh) oder mit Filezilla erfolgen.
+    * z.B. mit Filezilla oder auf der Konsole mit ''mv .htaccess .htaccess.bak''
+=== Erste Webseite ===
+Text-Editor, entweder lokal, oder direkt auf dem Server mit ''nano'' oder mit ''vim''.
+Erste html-Datei mit Namen index.html erstellen (und auf den Server laden)
+<code html>
+<!DOCTYPE html>
+<html>
+<body>
+<h1>Titel</h1>
+Text.
+</body>
+</html>
+</code>
+Ihre Seite sollte dann online unter https://ofi.tech-lab.ch/2021/FF361/ in Ihrem Ordner sichtbar sein.
+===== Auftrag für Freitag 4. Dezember (Unterrichtsausfall) =====
+Programmieren Sie ein [[lehrkraefte:blc:informatik:ffprg2-2020:dobble|Dobble-Kartenset]]
 ===== SOI =====
@@ Line 42: / Line 72: @@
   * [[lehrkraefte:blc:informatik:ffprg2-2020:api|API]]
+===== OTA ======
+  * [[https://randomnerdtutorials.com/esp32-over-the-air-ota-programming/|OTA]]
+  * Zusatzaufgabe zum obigen Beispiel: Warum ist die Login-Seite auf dem ESP32 komplett nutzlos (und gefährlich)?
+===== Webserver auf dem ESP32 =====
+  * Siehe z.B. https://randomnerdtutorials.com/esp32-web-server-spiffs-spi-flash-file-system/
+Upload der SPIFFS-Dateien:  https://github.com/me-no-dev/arduino-esp32fs-plugin/releases/tag/1.0
+In den Ordner /home/techlab/Arudino/tools/. entpacken (den Ordner tools anlegen, falls nötig).
+==== mDNS ====
+Siehe auch https://techtutorialsx.com/2020/04/18/esp32-advertise-service-with-mdns/
+<code c++>
+#include <ESPmDNS.h>
+// Im setup(), wenn die WiFi-Verbindung steht:
+if(!MDNS.begin("hanslisIOT")) {
+     Serial.println("Error starting mDNS");
+     return;
+}
+// nicht sicher, ob die folgende Zeile nötig ist, macht aber Sinn...
+MDNS.addService("http", "tcp", 80);
+// Starten des Webservers...
+</code>
+Jetzt sollte im lokalen Netzwerk der ESP32 mit http://hanslisIOT/ erreichbar sein.