# Installasjon via Cloudflare-brukergrensesnittet

### Forutsetninger

For å kunne integrere med Netacea må du sørge for at du har:

1. En aktiv Cloudflare-konto med tilgang til Cloudflare Dashboard.
2. Et "Paid" Cloudflare-abonnement, for å unngå eventuelle problemer med forespørselsgrenser osv.
3. Tilgang til Cloudflare Workers-produktet.
4. En webpack-kompilert kodepakke levert av Netacea.

### **Implementeringstrinn**

Netacea vil levere en Webpack-kompilert Worker som vil være klargjort med all relevant API-informasjon. Det følgende beskriver hvordan du laster opp Workeren til Cloudflare.

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

Du må opprette en ny tjeneste (Worker) på kontoen for det beskyttede domenet. Naviger til nettstedet i kontoen, deretter Workers > Overview > Create.

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

Du vil deretter få flere malalternativer å velge mellom. Siden vi vil legge til koden separat, kan vi velge Create Worker.\ <br>

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

Gi Workeren et meningsfullt navn og klikk "Deploy".

<figure><img src="https://1593596135-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDPjN4x7oK4SzQBOlw6MQ%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å sammendragssiden for den nyopprettede Workeren velger du "Edit Code"

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

På redigeringssiden kopierer og limer du inn den pakkede Worker JavaScript-koden og klikker Save eller Deploy.

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

### Opprett utløser(e) <a href="#create-trigger-s" id="create-trigger-s"></a>

Gå ut av redigeringsvisningen, naviger til "Settings"-fanen for Workeren, velg "Domains 🙴 Routes" og klikk deretter på "+Add"-knappen for å fortsette.

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

Etter dette vil det vises en popup som ber deg velge Route.

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

Legg til ruten (domene/sti) som skal utløse denne Workeren.

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

Du kan deretter sjekke hvilke Workers som kjører og på hvilke spesifikke ruter ved å sjekke informasjonen i midten av siden:

Når du har verifisert at Workeren har blitt distribuert til ruten din, er implementeringen fullført.

### Test Workeren <a href="#test-the-worker" id="test-the-worker"></a>

For å teste at Workeren fungerer, besøk det integrerte domenet (ruten) og generer brukertrafikk.

{% hint style="info" %}
***Merk:** Hvis du opplever problemer med at **Workers*** ***ikke utløses** på en spesifisert rute, må du sørge for at DNS-innstillingene for den ruten (DNS-oppføring) har **Proxy Status** (også kjent som orange-clouding)* *satt til "**Proxied**" (aktivert).*
{% endhint %}

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