# Installatie via Cloudflare UI

### Vereisten

Voor een succesvolle integratie met Netacea dient u te beschikken over:

1. Een actief Cloudflare-account met toegang tot het Cloudflare Dashboard.
2. Een "Paid" Cloudflare-abonnement, om problemen met aanvraaglimieten e.d. te voorkomen.
3. Toegang tot het Cloudflare Workers-product.
4. Een door Netacea verstrekte, met webpack gecompileerde codebundel.

### **Implementatiestappen**

Netacea levert een met Webpack gecompileerde Worker die wordt voorzien van alle relevante API-informatie. Hieronder wordt beschreven hoe u de Worker naar Cloudflare uploadt.

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

U dient een nieuwe service (Worker) aan te maken op het account voor het te beschermen domein. Navigeer naar de website binnen het account en ga vervolgens naar Workers > Overview > Create.

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

U krijgt vervolgens meerdere sjabloonopties te zien om uit te kiezen. Aangezien we de code apart gaan toevoegen, kunnen we Create Worker kiezen.\ <br>

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

Geef uw Worker een duidelijke naam en klik op "Deploy".

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

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

Selecteer op de overzichtspagina van de nieuw aangemaakte Worker "Edit Code"

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

Kopieer en plak op de bewerkingspagina de gebundelde Worker JavaScript-code en klik op Save of Deploy.

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

### Trigger(s) aanmaken <a href="#create-trigger-s" id="create-trigger-s"></a>

Verlaat de bewerkingsweergave, navigeer naar het tabblad "Settings" van de Worker, selecteer "Domains 🙴 Routes" en klik vervolgens op de knop "+Add" om verder te gaan.

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

Hierna verschijnt er een pop-up waarin u wordt gevraagd Route te selecteren.

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

Voeg de route (domein/pad) toe die deze Worker moet activeren.

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

U kunt vervolgens controleren welke Workers actief zijn en op welke specifieke routes door de informatie in het midden van de pagina te raadplegen:

Zodra u heeft geverifieerd dat de Worker op uw route is geïmplementeerd, is de implementatie voltooid.

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

Om te testen of de Worker werkt, bezoekt u het geïntegreerde domein (route) en genereert u gebruikersverkeer.

{% hint style="info" %}
***Opmerking:** Als u problemen ondervindt waarbij **Workers*** ***niet worden geactiveerd** op een opgegeven route, controleer dan of de DNS-instellingen voor die route (DNS Record) de **Proxy Status** (ook wel orange-clouding genoemd)* *ingesteld hebben op "**Proxied**" (ingeschakeld).*
{% endhint %}

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