# Installation über Cloudflare-Benutzeroberfläche

### Voraussetzungen

Für eine erfolgreiche Integration mit Netacea stellen Sie bitte sicher, dass Sie über Folgendes verfügen:

1. Ein aktives Cloudflare-Konto mit Zugriff auf das Cloudflare Dashboard.
2. Ein kostenpflichtiges Cloudflare-Abonnement, um Probleme mit Anfragelimits usw. zu vermeiden.
3. Zugriff auf das Cloudflare Workers-Produkt.
4. Ein von Netacea bereitgestelltes, mit Webpack kompiliertes Code-Bundle.

### **Implementierungsschritte**

Netacea stellt einen mit Webpack kompilierten Worker bereit, der mit allen relevanten API-Informationen konfiguriert ist. Im Folgenden wird beschrieben, wie Sie den Worker in Cloudflare hochladen.

### Worker erstellen <a href="#create-worker" id="create-worker"></a>

Sie müssen einen neuen Service (Worker) im Konto für die geschützte Domain erstellen. Navigieren Sie zur Website innerhalb des Kontos, dann zu Workers > Overview > Create.

<figure><img src="https://1167149896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6PpNBgdOJ87TpWxJ29CQ%2Fuploads%2Fgit-blob-8dc8820b1ae03dfea248286fd265a4c38eb78afb%2FScreenshot%202024-11-22%20095317.png?alt=media" alt=""><figcaption></figcaption></figure>

Ihnen werden dann mehrere Vorlagenoptionen zur Auswahl angezeigt. Da wir den Code separat hinzufügen werden, können wir Create Worker wählen.\ <br>

<figure><img src="https://1167149896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6PpNBgdOJ87TpWxJ29CQ%2Fuploads%2Fgit-blob-f1ab7df70063971f838278c928f3ca562015d67e%2Fimage%20(1)%20(1)%20(1)%20(1)%20(1)%20(1).png?alt=media" alt=""><figcaption></figcaption></figure>

Geben Sie Ihrem Worker einen aussagekräftigen Namen und klicken Sie auf „Deploy".

<figure><img src="https://1167149896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6PpNBgdOJ87TpWxJ29CQ%2Fuploads%2Fgit-blob-7560ccaece338bc22bc0e97aee05777cda96c19f%2Fimage%20(3)%20(1).png?alt=media" alt=""><figcaption></figcaption></figure>

### Worker bearbeiten <a href="#edit-worker" id="edit-worker"></a>

Wählen Sie auf der Übersichtsseite des neu erstellten Workers „Edit Code" aus.

<figure><img src="https://1167149896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6PpNBgdOJ87TpWxJ29CQ%2Fuploads%2Fgit-blob-23477ab46dc1000d4087e7817e19ad39d771c490%2FScreenshot%202024-12-13%20142104.png?alt=media" alt=""><figcaption></figcaption></figure>

Kopieren Sie auf der Bearbeitungsseite den gebündelten Worker-JavaScript-Code und klicken Sie auf Save oder Deploy.

<figure><img src="https://1167149896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6PpNBgdOJ87TpWxJ29CQ%2Fuploads%2Fgit-blob-54d7686f2e7e110ae78b4e92ef8ebf1ae362aeff%2FScreenshot%202024-12-13%20142556.png?alt=media" alt=""><figcaption></figcaption></figure>

### Trigger erstellen <a href="#create-trigger-s" id="create-trigger-s"></a>

Verlassen Sie die Bearbeitungsansicht, navigieren Sie zum Tab „Settings" des Workers, wählen Sie „Domains 🙴 Routes" und klicken Sie dann auf die Schaltfläche „+Add", um fortzufahren.

<figure><img src="https://1167149896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6PpNBgdOJ87TpWxJ29CQ%2Fuploads%2Fgit-blob-844ac77c7ff959af361421f2bc36210559d513a1%2FScreenshot%202024-12-13%20144330.png?alt=media" alt=""><figcaption></figcaption></figure>

Danach erscheint ein Popup, das Sie auffordert, Route auszuwählen.

<figure><img src="https://1167149896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6PpNBgdOJ87TpWxJ29CQ%2Fuploads%2Fgit-blob-bf697a5dd92145207254588224f1bf16631aeeef%2FScreenshot%202024-11-22%20094718.png?alt=media" alt=""><figcaption></figcaption></figure>

Fügen Sie die Route (Domain/Pfad) hinzu, die diesen Worker auslösen soll.

<figure><img src="https://1167149896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6PpNBgdOJ87TpWxJ29CQ%2Fuploads%2Fgit-blob-2be306aef7c5b963f00bdcd409bb45b33bae13ec%2FScreenshot%202024-11-22%20094806.png?alt=media" alt=""><figcaption></figcaption></figure>

Sie können dann überprüfen, welche Worker laufen und auf welchen bestimmten Routen, indem Sie die Informationen in der Mitte der Seite prüfen:

Sobald Sie verifiziert haben, dass der Worker auf Ihrer Route bereitgestellt wurde, ist die Implementierung abgeschlossen.

### Worker testen <a href="#test-the-worker" id="test-the-worker"></a>

Um zu testen, ob der Worker funktioniert, besuchen Sie die integrierte Domain (Route) und generieren Sie Benutzerverkehr.

{% hint style="info" %}
***Hinweis:** Wenn Sie Probleme haben, dass **Worker** auf einer angegebenen Route **nicht ausgelöst werden**, stellen Sie bitte sicher, dass die DNS-Einstellungen für diese Route (DNS-Eintrag) den **Proxy Status** (auch bekannt als Orange-Clouding)* *auf „**Proxied**" (aktiviert) eingestellt haben.*
{% endhint %}

<figure><img src="https://1167149896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6PpNBgdOJ87TpWxJ29CQ%2Fuploads%2Fgit-blob-aa9673d34879a3b3a918e7b63c931fb5a4b0ed37%2Fimage%20(5)%20(1)%20(1)%20(1).png?alt=media" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.netacea.com/de/netacea-plugin-informationen/cloudflare/installation-and-configuration/installation-via-cloudflare-ui.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.