# Installation via Cloudflare UI

### Forudsætninger

For at integrere med Netacea skal du sikre dig, at du har:

1. En aktiv Cloudflare-konto med adgang til Cloudflare Dashboard.
2. Et "Betalt" Cloudflare-abonnement for at undgå problemer med forespørgselsgrænser osv.
3. Adgang til Cloudflare Workers-produktet.
4. En webpack-kompileret kodepakke leveret af Netacea.

### **Implementeringstrin**

Netacea leverer en Webpack-kompileret Worker, der vil være klargjort med alle relevante API-oplysninger. Følgende beskriver, hvordan du uploader Worker'en til Cloudflare.

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

Du skal oprette en ny service (Worker) på kontoen for det beskyttede domæne. Naviger til websitet inden for kontoen, derefter Workers > Overview > Create.

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

Du vil derefter få vist flere skabelonmuligheder at vælge imellem. Da vi tilføjer koden separat, kan vi vælge Create Worker.\ <br>

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

Giv din Worker et meningsfuldt navn og klik på "Deploy".

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

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

På den nyoprettede Worker-oversigtsside vælger du "Edit Code"

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

På redigeringssiden kopierer og indsætter du den medfølgende Worker JavaScript-kode og klikker på Save eller Deploy.

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

### Opret trigger(e) <a href="#create-trigger-s" id="create-trigger-s"></a>

Forlad redigeringsvisningen, naviger til fanen "Settings" for Worker'en, vælg "Domains 🙴 Routes" og klik derefter på knappen "+Add" for at fortsætte.

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

Herefter vises en popup, der beder dig om at vælge Route.

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

Tilføj den rute (domæne/sti), der skal udløse denne Worker.

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

Du kan derefter kontrollere, hvilke Workers der kører, og på hvilke specifikke ruter ved at tjekke informationen i midten af siden:

Når du har bekræftet, at Worker'en er blevet implementeret på din rute, er implementeringen fuldført.

### Test Worker'en <a href="#test-the-worker" id="test-the-worker"></a>

For at teste, at Worker'en fungerer, skal du besøge det integrerede domæne (rute) og generere brugertrafik.

{% hint style="info" %}
***Bemærk:** Hvis du oplever problemer med **Workers*** ***der ikke udløses** på en specificeret rute, skal du sikre dig, at DNS-indstillingerne for den pågældende rute (DNS-post) har **Proxy Status** (også kendt som orange-clouding)* *sat til "**Proxied**" (aktiveret).*
{% endhint %}

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