SSL in Studio

Dieser Text wurde mithilfe von KI übersetzt. Wenn du den Originaltext auf Englisch lesen möchtest, klicke hier.

WordPress Studio bietet Unterstützung für HTTPS, sodass du Websites mit sicheren Verbindungen erstellen kannst, die Produktionsumgebungen besser entsprechen. Diese Funktion macht deine lokale Entwicklungsumgebung realistischer und hilft dabei, potenzielle Probleme zu erkennen, die möglicherweise nur mit HTTPS auftreten.

Überblick

Die SSL-Unterstützung in WordPress Studio ermöglicht:

• Erstellen von Websites mit aktiviertem HTTPS
• Verwendung benutzerdefinierter Domains mit ordnungsgemäßen SSL-Zertifikaten
• Automatische Zertifikatsverwaltung
• Browser-Kompatibilität ohne Sicherheitswarnungen (bei vertrautem Zertifikat)

Funktionsweise

WordPress Studio implementiert die SSL-Unterstützung über die folgenden Komponenten:

• Certificate Authority (CA): Studio erstellt eine eigene Zertifizierungsstelle, die Zertifikate für deine lokalen Websites signiert.
• Domain-Zertifikate: Jede Website mit aktiviertem HTTPS erhält ein eigenes, von der CA signiertes Zertifikat.
• Zertifikatsvertrauen: Das System unterstützt dich dabei, das Zertifikat auf deinem Betriebssystem als vertrauenswürdig einzustufen.
• HTTPS-Weiterleitung: Der Datenverkehr wird bei Websites mit aktiviertem SSL automatisch von HTTP auf HTTPS umgeleitet.

HTTPS für eine Website aktivieren

Beachte, dass HTTPS eine benutzerdefinierte Domain erfordert, da es nicht mit der Standard-Localhost-Adresse verwendet werden kann.

So aktivierst du HTTPS für eine neue oder bestehende Website:

1. Erstelle zunächst eine neue Website oder bearbeite eine bestehende Website über die Schaltfläche „Website bearbeiten“ auf dem Tab Einstellungen.
2. Wenn du eine neue Website erstellst, aktiviere „Erweiterte Einstellung“ im angezeigten Dialogfenster.
3. Aktiviere die Option „Benutzerdefinierte Domain verwenden„.
4. Falls du noch keinen angegeben hast, gib einen Domainnamen ein (muss auf .local enden) oder verwende den automatisch generierten.
5. Aktiviere die Option „HTTPS aktivieren„.

6. Klicke auf die Schaltfläche „Website hinzufügen“ oder Speichern, je nachdem, ob du eine neue Website erstellst oder eine bestehende bearbeitest. 
7. Erteile WordPress Studio bei Aufforderung die Berechtigung, die System-Hosts-Datei zu ändern. Studio konfiguriert alles Weitere automatisch. 
8. Für HTTPS-Verbindungen wird eine Root-Zertifizierungsstelle generiert und installiert. Unter macOS musst du das Zertifikat manuell installieren, um Browser-Warnungen zu vermeiden. Weitere Details findest du in der Anleitung unten.
9. Rufe deine Website über die benutzerdefinierte Domain auf.

Zertifikatsvertrauen nach Plattform

Windows

Unter Windows fügt WordPress Studio die Zertifizierungsstelle automatisch zum Vertrauensspeicher deines Systems hinzu. Dieser Vorgang erfordert Administratorrechte, daher wird möglicherweise eine Benutzerkontensteuerung (UAC)-Abfrage angezeigt, wenn du HTTPS aktivierst.

macOS

Unter macOS musst du der Zertifizierungsstelle manuell vertrauen. Suche dazu die Zertifikatsdatei, die Studio automatisch auf deinem System installiert:

1. Navigiere zum Tab „Einstellungen“ der Website, bei der SSL aktiviert ist.
2. Klicke auf den Link „Zertifikat vertrauen“ unter Website-Details.

3. Dadurch wird der Ordner geöffnet, der die Zertifikatsdatei (studio-ca.crt) enthält. Doppelklicke auf die Datei, um das Zertifikat zu installieren und automatisch das Tool Schlüsselbundverwaltung auf deinem Computer zu öffnen.
4. Suche das Zertifikat WordPress Studio CA. Du kannst die Einträge nach dem Wort studio filtern.

5. Doppelklicke auf das Zertifikat und klappe den Abschnitt Vertrauen auf.
6. Setze „Secure Sockets Layer (SSL)“ auf „Immer vertrauen.“ Alle anderen Einstellungen kannst du unverändert lassen.

7. Schließe den Dialog und gib dein Passwort zur Bestätigung ein.

Sobald dem Zertifikat vertraut wird, erkennt dein Browser es und zeigt an, dass deine HTTPS-Websites sicher sind.

Linux

Unter Linux importiert Studio automatisch die Stammzertifizierungsstelle (CA) in das System-Bundle, die NSS-Datenbanken von Chromium-basierten Browsern und vorhandene Firefox-Profil-NSS-Datenbanken (apt-, Snap- und Flatpak-Installationen), wenn du auf Zertifikat vertrauen klickst. Die meisten Benutzer benötigen die folgenden Schritte nicht.

Verwende diese Alternativmethode nur, wenn das automatische Vertrauen nicht wirksam wurde.

Firefox (GUI)

1. Öffne about:preferences#privacy.
2. Scrolle zu Zertifikate und klicke auf Zertifikate anzeigen….

3. Wechsle zum Tab Zertifizierungsstellen und klicke auf Importieren….

4. Wähle ~/.studio/certificates/studio-ca.crt aus.

5. Aktiviere Dieser CA vertrauen, um Websites zu identifizieren und klicke auf OK.

6. Beende Firefox vollständig und starte den Browser neu.

Chromium / Chrome / Brave / Edge (CLI)

Installiere certutil, falls es noch nicht verfügbar ist:

sudo apt install libnss3-tools

Importiere die CA in die NSS-Datenbank des Benutzers:

certutil -d sql:$HOME/.pki/nssdb -A -t 'C,,' -n 'WordPress Studio CA' -i ~/.studio/certificates/studio-ca.crt

Verwende für Snap-Chromium stattdessen den Snap-spezifischen NSS-Datenbankpfad:

certutil -d sql:$HOME/snap/chromium/current/.pki/nssdb -A -t 'C,,' -n 'WordPress Studio CA' -i ~/.studio/certificates/studio-ca.crt

Beende den Browser nach dem Import vollständig und starte ihn neu.

Fehlerbehebung

Sicherheitswarnungen im Browser

Wenn beim Aufrufen deiner HTTPS-fähigen Website Sicherheitswarnungen im Browser angezeigt werden:

• Stelle sicher, dass du dem WordPress Studio CA-Zertifikat auf deinem System vertraut hast.
• Starte deinen Browser neu, nachdem du dem Zertifikat vertraut hast.
• Leere den Browser-Cache, falls die Warnungen weiterhin auftreten.