# 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>