Commit 76ec0518 authored by Axel Dürkop's avatar Axel Dürkop
Browse files

Add Tutorial für FileZilla

parent 98cafb09
......@@ -53,6 +53,7 @@
* [Sechszeiler in Markdown](material/sitzungsmaterial/sechszeiler-in-markdown.md)
* [Einrichtung Raspberry Pi](material/sitzungsmaterial/einrichtung-rpi.md)
* [Linux-Quickstart](material/sitzungsmaterial/linux.md)
* [Dateitransfer mit FileZilla](material/sitzungsmaterial/filezilla.md)
* [Flask auf der Serverseite](material/sitzungsmaterial/flask/flask-auf-der-serverseite.md)
* [Request-Daten mit Flask auswerten](material/sitzungsmaterial/flask/request-daten-mit-flask-auswerten.md)
* [Aus statisch mach dynamisch](material/sitzungsmaterial/flask/aus-statisch-mach-dynamisch.md)
......
# Dateitransfer zwischen FileZilla und einem entfernten Server
[FileZilla Client](https://filezilla-project.org/) ist ein freies Softwareprogramm, mit dem Dateien zwischen Rechnern ausgetauscht werden können. Typischer Anwendungsfall ist das Hochladen von Dateien einer Website, um diese auf einem Webserver zur Verfügung zu stellen. Die folgende Anleitung erklärt den Vorgang des Uploads am Beispiel des Webhosters [Uberspace](http://uberspace.de/).
## Voraussetzungen
- Sie haben einen Account bei [Uberspace](http://uberspace.de/).
- Sie haben FileZilla Client installiert.
## Eingabe der Zugangsdaten in FileZilla
1. In der Adressleiste von FileZilla geben Sie unter *Server* den Namen des Servers ein, auf dem Uberspace Ihren Account angelegt hat, hier `norma.uberspace.de`.
1. Bei *Benutzername* geben Sie Ihren Benutzernamen an, im Beispiel ist er verpixelt dargestellt.
1. Geben Sie bei *Passwort* das Passwort ein, das Sie bei der Anmeldung auf Uberspace festgelegt haben.
1. Unter *Port* geben Sie `22`. Dies ist der Standardport für *SSH* und garantiert eine verschlüsselte Übertragung zwischen Ihrem Rechner und Uberspace über das [SFTP-Protokoll](https://de.wikipedia.org/wiki/SSH_File_Transfer_Protocol).
1. Klicken Sie nun auf <kbd>Verbinden</kbd>, um die Verbindung herzustellen.
![Eingabemaske der Verbindungsdaten in FileZilla](/material/abb/filezilla-verbindungsdaten.png)
## Dem Server-Schlüssel vertrauen
Die folgende Meldung ist hinsichtlich der verschlüsselten Verbindung wichtig, denn bisher hat Ihr Rechner noch nie mit dem Server von Uberspace Kontakt gehabt. Daher ist der Schlüssel, über den die SFTP-Verbindung abgesichert werden soll, auch nicht bekannt.
Es wird Ihnen ein Fingerabdruck, quasi eine Kurzform des langen Schlüssels präsentiert, den Sie jetzt eigentlich mit den Leuten von Uberspace im direkten Personenkontakt abgleichen müssten, um sicher zu gehen, dass der Server wirklich der Partei gehört, der Sie in der Zukunft vertrauen wollen. Aus praktischen Gründen wird auf diesen Schritt in der Regel verzichtet, was auch hier akzeptabel ist, weil es sich um eine Übungsaufgabe handelt. Für Kundenprojekte oder andere sicherheitsrelevante Unternehmungen ist hier aber Vorsicht geboten.
Akzeptieren Sie nun also den Schlüssel mit <kbd>OK</kbd>.
![Meldung, dass ein unbekannter Serverschlüssel vorliegt](/material/abb/filezilla-unbekannter-server-schluessel.png)
## Ankommen auf dem Server
Nachdem FileZilla sich erfolgreich mit dem Server verbunden hat, gelangen Sie in Ihr Heimatverzeichnis `/home/[nutzername]`. Dieser Ort wird rechts oben angezeigt. Im Teilfenster rechts unten (s. Screenshot) sehen Sie die initiale Ordnerstruktur des Heimatverzeichnisses.
![Meldung, dass ein unbekannter Serverschlüssel vorliegt](/material/abb/filezilla-html-verzeichnis.png)
Navigieren Sie in den Unterordner `html`.
Nun können Sie im Teilfenster links die Dateien bzw. Ordner auswählen, die Sie in den Ordner `html` hochladen wollen. Tätigen Sie den Vorgang über das Kontextmenü der Dateien/Ordner oder per Drag & Drop von links nach rechts.
Nachdem der Vorgang abgeschlossen ist, können Sie testweise versuchen, eine HTML-Datei im Browser aufzurufen. Die URL lautet sinngemäß wie folgt:
Schema: `https://[nutzername].[host].uberspace.de/[dateiname].[extension]`
Beispiel: `https://klaus.fornax.uberspace.de/hallo-uberspace.html`
Selbstverständlich können auch Ordner verwendet werden. Diese müssen dann Teil der URL sein.
## Ordnerstruktur bei Uberspace
Verwirrend kann sein, dass der Pfad in rechten oberen Teilfenster ändert, wenn Sie in den Ordner `html` navigiert sind. Nun steht dort `/var/www/virtual/[nutzername]/html`. Grund ist, dass der Ordner `html` am Anfang nur ein symbolische Verknüpfung ist, erkennbar an dem kleinen Pfeil auf dem Icon. Den eigentlichen Ort erreichen Sie, wenn Sie diesem Symlink folgen.
......@@ -16,7 +16,7 @@ Diese Woche geht es darum, dass Sie einmal eine Website bei einem "amtlichen" We
1. Erstellen Sie ein HTML5-konformes, sehr gut formatiertes **einfaches** HTML-Dokument, **mit dem Sie keine Rechtsverletzungen begehen**. Das bedeutet, dass Sie bei diesem Dokument auf jegliche Inhalte verzichten, an denen andere Rechte haben. Schreiben Sie am besten eine eigene Geschichte oder verwenden Sie [Blindtext](http://www.blindtextgenerator.de/) und [Dummybilder](http://placekitten.com/). Wenn Sie sich mit [Creative Commons](https://de.creativecommons.org/) auskennen, verwenden Sie gern Inhalte, die korrekt zitiert und ausgezeichnet sind.
1. Registrieren Sie sich bei [Uberspace](https://uberspace.de/register) für einen 30-Tage-Account. Lesen Sie sich die [Geschäftsbedingungen](https://uberspace.de/privacy) genau durch und nehmen Sie zur Kenntnis, dass Sie nach 30-Tagen aufgefordert werden, mindestens € 1,- monatlich für den Erhalt Ihres Webspace zu zahlen. Keine Sorge, wenn Sie das nicht tun, bekommen Sie zwei Warnmails, dass der Account bei Nichtzahlung deaktiviert wird. Sie können also getrost alles im Sande verlaufen lassen, oder - für sehr wenig Geld eine tolle Sandkiste mieten.
1. Lesen Sie [die Anleitung zum Bereitstellen von Webseiten](https://wiki.uberspace.de/start:web) und folgen Sie den dort angegeben Schritten, um Ihr HTML-Dokument zu veröffentlichen.
1. Lesen Sie [die Anleitung zum Bereitstellen von Webseiten](https://wiki.uberspace.de/start:web) und folgen Sie den dort angegeben Schritten, um Ihr HTML-Dokument zu veröffentlichen. Falls Sie noch nie mit FileZilla gearbeitet haben, finden Sie [in diesem Skript eine kurze Anleitung zum Dateitransfer mit Uberspace](/material/sitzungsmaterial/filezilla.md)
1. Posten Sie die URL zu Ihrer Website in Mattermost.
1. Stellen Sie das HTML & CSS der Seite in GitLab ein.
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment