Cloudflare-Einrichtung

Die folgenden Screenshots veranschaulichen die Konfiguration Cloudflare um Inhalte bereitzustellen. Grundlegende Einstellungen sind mit einem roten Kreis markiert.

Diese Einrichtung kann vollständig im Browser durchgeführt werden, indem nur das Cloudflare-Dashboard verwendet wird. Wenn Sie bereits mit Cloudflare Workers, Wrangler & GitHub und ohne Angst vor der Eingabe von Befehlen in einem Terminalfenster können Sie die Anweisungen befolgen. here anstatt.

Cloudflare-Site erstellen

Wenn Sie bereits über eine Cloudflare-Site und eine DNS-Einrichtung verfügen, können Sie zum Push-Invalidierung einrichten Abschnitt.

Geben Sie die Domäne ein:

Wählen Sie einen Plan:

Beachten Sie, dass chirurgische Push-Invalidierungen nur auf der Unternehmen Plan. Bei allen anderen Plänen wird der gesamte Cache der Site jedes Mal geleert, wenn ein Autor eine Inhaltsänderung veröffentlicht.

Für diese schrittweise Anleitung verwenden wir die Kostenlos.

Push-Invalidierung einrichten

Durch die Push-Invalidierung werden Inhalte automatisch aus dem Produktions-CDN des Kunden gelöscht (z. B. www.yourdomain.com), sobald ein Autor Inhaltsänderungen veröffentlicht.

Inhalte werden durch URL und Cache-Tag/-Schlüssel gelöscht.

Die Push-Invalidierung wird durch Hinzufügen bestimmter Eigenschaften zur Projektkonfiguration aktiviert (eine Excel-Arbeitsmappe mit dem Namen .helix/config.xlsx in Sharepoint oder einer Google Tabelle mit dem Namen .helix/config in Google Drive).

Konfigurationseigenschaften:

key
value
Kommentar
cdn.prod.host
<Production Host>
Hostname der Produktionssite, z. B. www.yourdomain.com
cdn.prod.type
cloudflare
cdn.prod.plan
e.g. free

-Werte: free, pro, business, enterprise

Standard: free

Nur der Enterprise-Plan unterstützt Bereinigung nach Tag

cdn.prod.zoneId
<Cloudflare Zone ID>
Kennung der Produktionszone
cdn.prod.apiToken
<Cloudflare API Token>

Erstellen eines API-Tokens

  • gehen Sie zu API-Token
  • Klicken Sie auf "Token erstellen",
  • Gehen Sie unten zu "Benutzerdefiniertes Token erstellen"und klicken Sie auf "Erste Schritte".
  • Geben Sie einen Token-Namen ein (z. B. "Production Site Purge Token"),
  • Berechtigungen: "Zone", "Cache Purge", "Purge"
  • Bereichsressourcen: "Include", "Specific zone", "&quot;<your production="" zone="">"
  • Klicken Sie auf "Weiter zur Zusammenfassung".
  • Klicken Sie auf "Token erstellen",
  • Kopieren Sie den generierten Tokenwert.

Beachten Sie, dass nur Sites im Unternehmensplan durch URL- und Cache-Schlüssel chirurgisch bereinigt werden. A Alle bereinigen wird stattdessen jedes Mal auf Nicht-Enterprise-Sites ausgeführt, wenn ein Autor eine Inhaltsänderung veröffentlicht.

Sie können die Anmeldeinformationen damit validieren Tool.

DNS-Einrichtung

Für eine neue Site beginnen wir mit einem einfachen DNS-Setup.

  1. Erstellen Sie eine neue CNAME aufzeichnen. Wenn Ihre Zone example.com und Sie möchten Traffic für www.example.com, sollte der Name www
  2. Wenn Sie Traffic auf example.com (ohne www) bereitstellen möchten, sollte der Name @
  3. Wenn Sie Traffic auf allen Subdomains bereitstellen möchten, sollte der Name * wie im Screenshot unten dargestellt
  4. Da wir Mitarbeiter verwenden, um den Inhalt bereitzustellen, spielt der Wert des Felds Inhalt keine Rolle. Am einfachsten können Sie Ihre ref--repo--owner.hlx.live Hostname hier. Dies ist ein Hostname, keine URL. Lassen Sie also den Anfang weg https://

Stellen Sie sicher, dass der CNAME-Eintrag Proxys:

SSL-/TLS-Einrichtung

Auswählen SSL/TLS aus dem linken Bereich und Edge-Zertifikate in der Dropdownliste:

Scrollen Sie rechts nach unten zu HTTPS immer verwenden und aktivieren Sie es:

Zwischenspeicherung konfigurieren

Seitenregel erstellen

Kopieren
url
URL (erforderlich)

Worker erstellen

Wählen Sie Arbeitnehmer im linken Bereich aus und klicken Sie auf "Arbeitnehmer verwalten":

Klicken Sie auf "Dienst erstellen":

Geben Sie einen Namen für den Worker ein (z. B. "helix-worker") und klicken Sie auf "Dienst erstellen":

Kopieren
Worker
Dienstname

Klicken Sie auf "Schnellbearbeitung":

Worker-Code bearbeiten

  1. Wenn Sie erfolgreich konfiguriert haben Push-Invalidierung den Inhalt von diese Datei, andernfalls kopieren Sie den Inhalt von diese Datei.
  2. Ersetzen Sie im linken Bereich den vorhandenen Inhalt durch den kopierten Inhalt.
  3. Klicken Sie auf "Speichern und bereitstellen":

Klicken Sie auf Einstellungen und "Variable hinzufügen":


Kopieren
Variable
Variablenname
value
Wert

Variable hinzufügen ORIGIN_HOSTNAME und legen Sie den Wert auf den Hostnamen Ihres Ursprungs fest (z. B. main--mysite--hlxsites.hlx.live):

Klicken Sie auf Trigger und wählen Sie "Route hinzufügen":



Geben Sie Ihre Domain-Route ein (z. B. www.mydomain.com/*), wählen Sie Ihre Zone aus und klicken Sie auf "Route hinzufügen":

Abhängig von der in DNS-Einrichtung, würden Sie Routen auswählen www.mydomain.com/*, mydomain.com/*oder *.mydomain.com/*

Nachdem Sie alle Schritte ausgeführt haben, sollten Sie alle festlegen.

Kopieren
url
Route

Erweitern der AEM auf Ihrer Website

Wenn Sie damit beginnen, dass nur ein Teil der Website an Ihre .live Ursprungs und haben einen bestimmten Ordner (z. B. /blog/*) können Sie anschließend weitere Routen hinzufügen, sobald Sie bereit sind, neue Bereiche der Site anzuzeigen, indem Sie einfach weitere Routen hinzufügen und die letzten "Route hinzufügen"-Schritte nach Bedarf wiederholen, ohne die Worker-Konfiguration zu ändern.

Vorsicht bei doppelten Inhalten

Suchmaschinen bestrafen häufig Websites für doppelte Inhalte. Daher ist es wichtig sicherzustellen, dass Ihre Inhalte nicht an anderer Stelle im Internet verfügbar sind. Cloudflare verfügt leider über eine Standardeinstellung, die Website über zusätzliche Netzwerkports verfügbar machen. In Paid Cloudflare-Plänen können Sie blockiert Traffic auf diesen zusätzlichen Ports. Dies ist eine empfohlene Einstellung für Produktions-Sites.

recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec