Wie laden Sie Ihre Dateien auf einen Webserver hoch?

Wenn Sie eine einfache Webseite erstellt haben (siehe HTML-Grundlagen für ein Beispiel), möchten Sie diese wahrscheinlich online auf einem Webserver veröffentlichen. In diesem Artikel besprechen wir, wie das mit verschiedenen verfügbaren Optionen wie SFTP-Clients, RSync und GitHub möglich ist.

Es gibt mehrere SFTP-Clients. Unsere Demo umfasst FileZilla, da es kostenlos und für Windows, macOS und Linux verfügbar ist. Um FileZilla zu installieren, gehen Sie zur FileZilla-Download-Seite, klicken Sie auf die große Schaltfläche „Download“ und installieren Sie das Programm dann auf die übliche Weise über die Installationsdatei.

Öffnen Sie die FileZilla-Anwendung; es sollte etwa so aussehen:

Für dieses Beispiel nehmen wir an, dass unser Hosting-Anbieter (der Dienst, der unseren HTTP-Webserver hosten wird) ein fiktives Unternehmen ist, „Example Hosting Provider“, dessen URLs so aussehen: mypersonalwebsite.examplehostingprovider.net.

Wir haben gerade ein Konto eröffnet und diese Informationen von ihnen erhalten:

Herzlichen Glückwunsch zur Eröffnung eines Kontos bei Example Hosting Provider.

Ihr Account ist: demozilla

Ihre Website wird sichtbar sein unter demozilla.examplehostingprovider.net

Um dieses Konto zu veröffentlichen, verbinden Sie sich bitte über SFTP mit den folgenden Anmeldedaten:

• SFTP-Server: sftp://demozilla.examplehostingprovider.net
• Benutzername: demozilla
• Passwort: quickbrownfox
• Port: 5548
• Um im Web zu veröffentlichen, legen Sie Ihre Dateien im Verzeichnis Public/htdocs ab.

Schauen wir uns zuerst http://demozilla.examplehostingprovider.net/ an – wie Sie sehen, ist dort bisher nichts vorhanden:

Um den SFTP-Client mit dem entfernten Server zu verbinden, führen Sie die folgenden Schritte aus:

1. Wählen Sie Datei > Seitenmanager… aus dem Hauptmenü.
2. Drücken Sie im Seitenmanager-Fenster die Schaltfläche Neue Seite, und geben Sie dann den Seitennamen als demozilla in den angegebenen Bereich ein.
3. Tragen Sie den vom Host bereitgestellten SFTP-Server in das Feld Host: ein.
4. Wählen Sie im Drop-down-Menü Anmeldetyp: die Option Normal, und geben Sie in die entsprechenden Felder Ihren bereitgestellten Benutzernamen und Ihr Passwort ein.
5. Tragen Sie den korrekten Port und die weiteren Informationen ein.

Ihr Fenster sollte in etwa so aussehen:

Drücken Sie nun Verbinden, um eine Verbindung zum SFTP-Server herzustellen.

Hinweis: Stellen Sie sicher, dass Ihr Hosting-Anbieter SFTP (Secure FTP) für Ihre Hosting-Umgebung anbietet. FTP ist von Natur aus unsicher, und Sie sollten es nicht verwenden.

Sobald die Verbindung hergestellt ist, sollte Ihr Bildschirm in etwa so aussehen (wir haben uns mit einem eigenen Beispiel verbunden, um Ihnen eine Vorstellung zu geben):

Schauen wir uns an, was Sie sehen:

• Auf der mittleren linken Seite sehen Sie Ihre lokalen Dateien. Navigieren Sie in das Verzeichnis, in dem Sie Ihre Website gespeichert haben (z.B. mdn).
• Auf der mittleren rechten Seite sehen Sie entfernte Dateien. Wir sind in unserem entfernten FTP-Root angemeldet (in diesem Fall users/demozilla).
• Die unteren und oberen Bereiche können Sie vorerst ignorieren. Dabei handelt es sich um ein Protokoll von Nachrichten, die den Verbindungsstatus zwischen Ihrem Computer und dem SFTP-Server zeigen, und ein Live-Protokoll jeder Interaktion zwischen Ihrem SFTP-Client und dem Server.

Die Anweisungen unseres Beispielhosts teilten uns mit: „Um im Web zu veröffentlichen, legen Sie Ihre Dateien im Verzeichnis Public/htdocs ab.“ Sie müssen im rechten Bereich zu dem angegebenen Verzeichnis navigieren. Dieses Verzeichnis ist faktisch das Root Ihrer Website — dort werden Ihre index.html-Datei und andere Assets abgelegt.

Sobald Sie das richtige entfernte Verzeichnis gefunden haben, in das Sie Ihre Dateien legen möchten, müssen Sie diese von links nach rechts ziehen und ablegen, um sie auf den Server hochzuladen.

So weit, so gut, aber sind die Dateien wirklich online? Sie können zur Überprüfung zu Ihrer Website zurückkehren (z.B. http://demozilla.examplehostingprovider.net/) in Ihrem Browser:

Und unsere Website ist live!

Rsync ist ein lokal-fernes Dateisynchronisierungstool, das normalerweise auf den meisten Unix-basierten Systemen (wie macOS und Linux) verfügbar ist, aber es gibt auch Windows-Versionen.

Es wird als fortgeschritteneres Werkzeug als SFTP angesehen, da es standardmäßig über die Befehlszeile verwendet wird. Ein einfacher Befehl sieht so aus:

rsync [-options] SOURCE user@x.x.x.x:DESTINATION

• -options ist ein Bindestrich, gefolgt von einem oder mehreren Buchstaben, zum Beispiel -v für ausführliche Fehlermeldungen und -b für Backups. Die vollständige Liste finden Sie auf der rsync Man-Seite (nach "Options summary" suchen).
• SOURCE ist der Pfad zur lokalen Datei oder zum Verzeichnis, von dem Sie Dateien kopieren möchten.
• user@ sind die Zugangsdaten des Benutzers auf dem entfernten Server, zu dem Sie Dateien kopieren möchten.
• x.x.x.x ist die IP-Adresse des entfernten Servers.
• DESTINATION ist der Pfad zum Ort, an dem Sie Ihre Dateien oder Ihr Verzeichnis auf dem entfernten Server kopieren möchten.

Diese Details müssten Sie von Ihrem Hosting-Anbieter erhalten.

Weitere Informationen und weitere Beispiele finden Sie unter How to Use Rsync to Copy/Sync Files Between Servers.

Es ist natürlich eine gute Idee, eine sichere Verbindung zu verwenden, wie auch bei FTP. Im Fall von Rsync geben Sie SSH-Details an, um die Verbindung über SSH herzustellen, indem Sie die Option -e verwenden. Zum Beispiel:

rsync [-options] -e "ssh [SSH DETAILS GO HERE]" SOURCE user@x.x.x.x:DESTINATION

Weitere Details zu den benötigten Informationen finden Sie unter How To Copy Files With Rsync Over SSH.

Für Rsync sind GUI-Tools verfügbar (für diejenigen, die sich mit der Befehlszeile weniger wohl fühlen). Acrosync ist ein solches Tool und es ist für Windows und macOS verfügbar.

Auch hier müssten Sie die Verbindungsdaten von Ihrem Hosting-Anbieter erhalten, aber auf diese Weise hätten Sie eine GUI, um sie einzugeben.

GitHub ermöglicht es, Websites über GitHub Pages (gh-pages) zu veröffentlichen.

Wir haben die Grundlagen dazu im Artikel Veröffentlichen Ihrer Website aus unserem Erste Schritte im Web Leitfaden behandelt, daher werden wir das hier nicht wiederholen.

Es ist jedoch wichtig zu wissen, dass Sie auch eine Website auf GitHub hosten und mit einer benutzerdefinierten Domain verwenden können. Weitere Informationen finden Sie unter Using a custom domain with GitHub Pages für einen detaillierten Leitfaden.

Das FTP-Protokoll ist eine bekannte Methode zum Veröffentlichen einer Website, aber nicht die einzige. Hier sind einige andere Möglichkeiten:

• Webschnittstellen. Eine HTML-Schnittstelle, die als Front-End für einen Dienst zum Hochladen von Dateien fungiert. Wird von Ihrem Hosting-Dienst bereitgestellt.
• WebDAV. Eine Erweiterung des HTTP-Protokolls, um erweiterte Dateiverwaltung zu ermöglichen.