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


---

# 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/nl/netacea-plugin-informatie/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.