FileZilla FTP-Client einrichten
Dateien sicher auf deinen Webserver übertragen – am Beispiel All-Inkl.
Warum FileZilla?
FileZilla ist seit über 20 Jahren der Standard für FTP-Transfers: Open Source, kostenlos, zuverlässig und auf allen Plattformen verfügbar. Es unterstützt FTP, FTPS und SFTP (verschlüsselt) und ist perfekt für die Arbeit mit Webhostern wie All-Inkl geeignet.
Der Workflow ist simpel: Du entwickelst lokal in VS Code, testest mit Live Server, und wenn alles passt, lädst du die Dateien mit FileZilla auf den Server hoch.
Ich selbst hoste bei All-Inkl, daher nutze ich das hier als Beispiel. Bei anderen Hostern funktioniert es genauso - nur die Zugangsdaten findest du an anderer Stelle.
Es gibt zwar SFTP-Extensions für VS Code, aber deren Sicherheit scheint lt. Bewertungen fragwürdig: Passwörter werden in Klartext-Dateien gespeichert, die versehentlich hochgeladen oder ins Repository committed werden können.
Bei eigenständiger Software wie FileZilla hast du mehr Kontrolle und bewährte Sicherheitsmechanismen.
Schnellübersicht: Die wichtigsten Einstellungen
FTP-Verbindung
- Server: deine-domain.de
- Port: 21
- Protokoll: FTP
SFTP-Verbindung
- Server: deine-hauptdomain.de
- Port: 22
- Protokoll: SFTP
Wichtigste Filter: .git, node_modules, .DS_Store, .vscode
FileZilla installieren
Lade FileZilla von der offiziellen Website herunter. Achte darauf, den FileZilla Client zu wählen (nicht den Server).
Wichtig beim Download: Die Website versucht, dir zusätzliche Software unterzujubeln. Wähle immer die Option ohne Zusatzsoftware oder lade die "plain" Version direkt von der Download-Seite.
Installation
- macOS: DMG öffnen, FileZilla in den Programme-Ordner ziehen
- Windows: Installer ausführen, Zusatzsoftware abwählen
All-Inkl Zugangsdaten finden
Bevor du FileZilla einrichtest, brauchst du deine FTP-Zugangsdaten aus dem All-Inkl KAS (Kundenadministrationssystem).
Bei All-Inkl hast du zwei Möglichkeiten: FTP (einfacher) oder SFTP (sicherer). Beide funktionieren, du kannst selbst wählen.
Option 1: FTP (einfach)
FTP ist schnell eingerichtet und funktioniert direkt über deinen Domain-spezifischen Account.
So findest du die FTP-Daten
- Logge dich ins All-Inkl KAS ein
- Navigiere zu FTP → FTP-Benutzer
- Dort findest du alle benötigten Informationen
Diese Daten brauchst du für FTP
- Protokoll: FTP
- Server/Host: Deine Domain (z.B.
devpaniczone.de) - Benutzername: Steht in der FTP-Benutzer-Liste
- Passwort: Kannst du im KAS neu setzen
- Port: 21
Option 2: SFTP (sicher, aber etwas komplizierter)
SFTP ist verschlüsselt und sicherer. Bei All-Inkl funktioniert es - zumindest bei meinem Paket - aber nur über den Hauptaccount, nicht über Domain-spezifische FTP-Accounts.
So findest du die SFTP-Daten
- Im KAS zu Technische Verwaltung oder SSH/Shell-Zugang
- Dort findest du den SSH-Benutzernamen (oft anders als FTP!)
- SSH-Passwort eventuell neu setzen
Diese Daten brauchst du für SFTP
- Protokoll: SFTP
- Server/Host: Deine Hauptdomain
- Benutzername: SSH-Username, z.B.
ssh-w123456 - Passwort: SSH-Passwort
- Port: 22
Bei SFTP musst du im Servermanager unter "Erweitert" das
Standard-Verzeichnis (Server)
auf deine Subdomain setzen, z.B. /www/htdocs/w123456/devpaniczone.de -
sonst landest du im Root-Verzeichnis deines Hauptaccounts, wo mehrere Domains liegen
könnten!
Für den Anfang reicht FTP - es ist einfacher. Wenn du mehr Sicherheit willst und Zugriff auf den Hauptaccount hast, nimm SFTP.
Wann ist welches Protokoll sinnvoll?
FTP ist praktisch okay für...
- Private Projekte/Lernwebsites ohne sensible Daten
- Arbeit ausschließlich im eigenen Heimnetzwerk
- Wenn SFTP-Setup zu kompliziert ist (Hauptaccount-Problem)
SFTP ist wichtig bei...
- Arbeit in öffentlichen WLANs (Café, Flughafen, Coworking)
- Websites mit sensiblen Daten (Login-Bereiche, Kundendaten)
- Professionellen/kommerziellen Projekten
Dein Passwort und alle Daten werden unverschlüsselt übertragen. Im eigenen Heimnetzwerk ist das Risiko gering. In öffentlichen WLANs könnten andere Nutzer theoretisch mit einfachen Tools (Wireshark) deinen Traffic mitlesen und dein Passwort abfangen.
Servermanager einrichten
Der Servermanager speichert deine Verbindungsdaten, sodass du dich mit einem Klick verbinden kannst.
Neue Verbindung anlegen
- Öffne FileZilla
- Datei → Servermanager oder Cmd/Ctrl + S
- Klick auf "Neuer Server"
- Gib einen Namen ein (z.B. "All-Inkl DevPanicZone")
Verbindungseinstellungen
Für FTP:
- Protokoll: FTP - File Transfer Protocol
- Server: deine-domain.de
- Port: 21
- Benutzer: dein FTP-Benutzername
- Passwort: dein FTP-Passwort
Für SFTP:
- Protokoll: SFTP - SSH File Transfer Protocol
- Server: deine-hauptdomain.de
- Port: 22
- Benutzer: dein SSH-Benutzername
- Passwort: dein SSH-Passwort
Klicke auf "Verbinden" zum Testen oder "OK" zum Speichern.
FileZilla fragt, ob du das Passwort speichern willst. Das ist komfortabel, aber speichert das Passwort im Klartext. Für mehr Sicherheit: Unter Bearbeiten → Einstellungen → Oberfläche kannst du ein Master-Passwort aktivieren.
Standard-Verzeichnisse festlegen
Damit du nicht jedes Mal zum richtigen Ordner navigieren musst, kannst du Standard-Verzeichnisse für lokal und Server festlegen.
Im Servermanager einstellen
- Öffne den Servermanager - Cmd/Ctrl + S
- Wähle deine Verbindung aus
- Wechsle zum Tab "Erweitert"
- Setze die Verzeichnisse:
- Standard-Verzeichnis (lokal):
/Users/deinname/projekte/dein-projekt - Standard-Verzeichnis (Server):
/www/htdocs/dein-account/deine-domain.de
- Standard-Verzeichnis (lokal):
- Aktiviere "Synchronisierten Verzeichniswechsel verwenden"
Synchronisierten Verzeichniswechsel verwenden ist super praktisch: Wenn du lokal in einen Ordner wechselst, wechselt FileZilla automatisch in den gleichen Ordner auf dem Server.
Bei SFTP über den Hauptaccount musst du das Standard-Verzeichnis (Server) setzen! Sonst landest du im Root-Verzeichnis mit allen deinen Domains. Den genauen Pfad findest du im KAS unter "FTP" → "FTP-Benutzer" bei deiner Domain.
Dateifilter einrichten
Genau wie .gitignore bei Git kannst du in FileZilla Filter
erstellen,
die bestimmte Dateien vom Transfer ausschließen.
So funktionieren Filter
Die gefilterten Dateien werden in der FileZilla-Ansicht ausgeblendet - sowohl lokal (links) als auch auf dem Server (rechts). Du siehst sie nicht mehr und kannst sie dadurch gar nicht erst hochladen.
1. Filter-Dialog öffnen
Ansicht → Datei-/Verzeichnisfilter - oder Ctrl/Cmd + I
2. Neuen Filter erstellen
- Klick auf "Filter bearbeiten"
- Klick auf "Neu"
- Name eingeben: z.B. "DevPanicZone" oder "Web-Projekt"
- Filterregeln hinzufügen
3. Filterbedingung wählen (WICHTIG!)
Ganz oben im Filter-Dialog siehst du 4 Optionen. Wähle die zweite:
⚪ Objekte ausfiltern, die alle Folgenden erfüllen
🔘 Objekte ausfiltern, die beliebige der Folgenden erfüllen ← Diese!
⚪ Objekte ausfiltern, die keine der Folgenden erfüllen
⚪ Objekte ausfiltern, die nicht alle der Folgenden erfüllen.DS_Store
oder .git oder node_modules hat,
wird sie/er gefiltert - egal ob Datei oder Verzeichnis.
In FileZilla ist "Dateiname" etwas irreführend - es meint den Namen von Dateien
UND
Verzeichnissen.
Wenn du also node_modules filterst, wird sowohl eine
Datei namens node_modules als auch der
Ordner
node_modules (samt Inhalt) ausgeschlossen.
Wenn du die falsche Option wählst (z.B. "alle Folgenden erfüllen"), funktioniert der Filter nicht! Das ist der häufigste Grund, warum trotz Filterregeln alle Dateien hochgeladen werden.
4. Filterregeln hinzufügen
Jetzt fügst du die einzelnen Regeln hinzu. Für jede Datei/jeden Ordner, den du ausschließen willst:
- Im Bereich "Bedingungen" findest du Dropdown-Menüs
- Wähle: Dateiname → ist gleich →
.DS_Store - Klick auf das Plus-Symbol oder "Hinzufügen"
- Wiederhole das für alle Dateien/Ordner, die du ausschließen willst
- Filter anwenden auf: Beide Häkchen setzen bei ☑️ Dateien und ☑️ Verzeichnisse
- Groß-/Kleinschreibung berücksichtigen: Häkchen NICHT setzen - dann filtert die Regel auch Varianten wie "Node_Modules" oder "NODE_MODULES"
Beispiel: Die Regel node_modules filtert dann:
- Den Ordner
node_modules/(samt kompletten Inhalt) - Eine Datei namens
node_modules(falls sie existiert) - Egal wo sie liegen:
/node_modules,/projekt/node_modules,/deep/nested/node_modules
Empfohlene Filterregeln
Füge diese Regeln entsprechend deines Projekts hinzu (jeweils "Bedingung erfüllt" → "Ausschließen"). In meinem Fall nehme ich:
- Dateiname ist gleich
.DS_Store(nur Mac) - Dateiname ist gleich
.gitignore - Dateiname ist gleich
node_modules - Dateiname ist gleich
.git
- Dateiname ist gleich
.vscode - Dateiname ist gleich
package-lock.json - Dateiname ist gleich
package.json - Eigene Ordner, z.B. Dateiname ist gleich
noupload
Verwende immer "Dateiname", nicht "Pfad"! "Dateiname" filtert die Datei/den Ordner überall, egal in welchem Unterordner sie liegt.
Dieser Ordner kann tausende Dateien enthalten und gehört nicht auf den Server - meine Build-Scripte laufen beispielsweise lokal.
5. Filter speichern
Klick auf "OK" im Filter-Bearbeiten-Dialog, um den Filter zu speichern.
6. Filter aktivieren
Zurück im Filter-Dialog: Setze die Häkchen bei deinem Filter - sowohl in der Spalte "Lokale Filter" als auch "Server-Filter".
Klick auf "Anwenden", erst dann ist der Filter aktiv! Dann "OK" und du bist zurück in der Anwendung.
7. Testen, ob es funktioniert
Schau in die linke Spalte (dein lokaler Computer) in FileZilla:
Siehst du .DS_Store, .git etc. noch?
Nein? Perfekt, der Filter funktioniert!
Du siehst sie noch? Dann ist der Filter nicht aktiv oder die Filterbedingung ist falsch gewählt.
Der Filter blendet Dateien nur in der Ansicht aus. Wenn auf dem Server
schon .git oder node_modules
etc.
liegen, musst du sie manuell löschen: Filter temporär deaktivieren →
Dateien auswählen → Löschen.
Dateien übertragen
Nach erfolgreicher Verbindung siehst du links deine lokalen Dateien und rechts die Dateien auf dem Server.
Hochladen
- Drag & Drop: Dateien von links nach rechts ziehen
- Rechtsklick: Datei auswählen → "Hochladen"
- Doppelklick: Auf eine lokale Datei doppelklicken
Herunterladen
- Drag & Drop: Dateien von rechts nach links ziehen
- Rechtsklick: Datei auswählen → "Herunterladen"
- Doppelklick: Auf eine Server-Datei doppelklicken
Ganze Ordner übertragen
Das funktioniert genauso - einfach den Ordner ziehen oder per Rechtsklick hochladen. FileZilla überträgt alle Unterordner und Dateien automatisch.
Verzeichnisse vergleichen
FileZilla kann lokale und Server-Dateien vergleichen und Unterschiede farblich markieren.
Aktivieren
Ansicht → Verzeichnisvergleich → Aktivieren
Wähle dann den Vergleichsmodus:
- Nach Änderungsdatum: Zeigt neuere/ältere Dateien
- Nach Dateigröße: Zeigt Größenunterschiede
Farbcodes
- Gelb: Datei existiert nur auf einer Seite
- Grün: Datei ist neuer als auf der anderen Seite
- Rot: Datei ist älter als auf der anderen Seite
So siehst du auf einen Blick, welche Dateien du hochladen musst.
Typischer Workflow
So könnte dein Alltag mit VS Code, Git und FileZilla aussehen:
- Entwickeln: In VS Code arbeiten, mit Live Server testen
- Versionieren: Änderungen mit Git committen
git add .
git commit -m "Navigation erweitert"
git push- Deployen: Mit FileZilla auf den Server hochladen
- Prüfen: Live-Website im Browser testen
Git pusht zu GitHub (Backup + Versionskontrolle), FileZilla lädt auf den Webserver (Live-Website). Das sind zwei verschiedene Dinge!
Nützliche Tastenkürzel
Diese Shortcuts beschleunigen deinen Workflow erheblich:
Navigation
- Cmd/Ctrl + S – Servermanager öffnen
- Cmd/Ctrl + I – Dateifilter öffnen
- Cmd/Ctrl + R – Verbinden/Neu verbinden
- Cmd/Ctrl + D – Verbindung trennen
Dateioperationen
- F5 / fn + F5 – Ansicht aktualisieren (Mac: fn-Taste halten)
- F2 / fn + F2 – Datei/Ordner umbenennen
- Entf – Ausgewählte Datei löschen
- Cmd/Ctrl + A – Alle auswählen
Häufige Probleme
Verbindung fehlgeschlagen
- Falscher Port: SFTP braucht Port 22, nicht 21
- Falsches Protokoll: Prüfe, ob "SFTP" ausgewählt ist
- Firewall: Deine Firewall blockiert eventuell ausgehende Verbindungen
Zugriff verweigert (Permission denied)
- Falscher Pfad: Du versuchst, außerhalb deines Webspace zu schreiben
- Dateirechte: Die Datei auf dem Server hat keine Schreibrechte
Filter funktionieren nicht
- Filterbedingung falsch: Muss "beliebige der Folgenden erfüllen" sein
- Filter nicht aktiviert: Häkchen in "Lokale Filter" UND "Entfernte Filter"?
- Falsche Regel: "Dateiname ist gleich" verwenden, nicht "Pfad"
Verbindungsabbrüche / ECONNREFUSED
- Zu viele parallele Verbindungen: Bearbeiten → Einstellungen → Übertragungen → "Maximale Anzahl simultaner Übertragungen" auf 1-2 reduzieren
Timeout bei großen Transfers
Bearbeiten → Einstellungen → Verbindung → Timeout erhöhen (z.B. auf 60 Sekunden)
Zeichenkodierung kaputt
Bei Umlauten und Sonderzeichen: Bearbeiten → Einstellungen → Transfers → Dateitypen → "Behandle Dateien ohne Erweiterung als ASCII"
Sicherheitstipps
Master-Passwort aktivieren
FileZilla speichert Passwörter standardmäßig im Klartext. Mit einem Master-Passwort werden sie verschlüsselt:
Bearbeiten → Einstellungen → Oberfläche → Passwörter → "Passwörter mit Master-Passwort schützen"
Immer SFTP verwenden
Normales FTP überträgt Passwörter unverschlüsselt - jeder im gleichen Netzwerk könnte sie mitlesen. SFTP ist immer die bessere Wahl.
Öffentliche Netzwerke meiden
Vermeide FTP-Transfers in öffentlichen WLANs (Café, Flughafen). Falls nötig, nutze ein VPN.
Backup vor großen Änderungen
Bevor du viele Dateien auf dem Server überschreibst: Lade dir eine Kopie des aktuellen Stands herunter. FileZilla hat keine "Undo"-Funktion – einmal überschrieben ist überschrieben.
Anders als bei Git gibt es bei FTP kein Zurück. Wenn du eine Datei auf dem Server überschreibst, ist die alte Version weg. Mach vorher ein Backup!
Mehr aus Verschiedenes
Tutorials werden geladen...