# Installazione tramite interfaccia utente Cloudflare

### Prerequisiti

Per integrare con successo Netacea, assicurati di disporre di:

1. Un account Cloudflare attivo con accesso alla Dashboard di Cloudflare.
2. Un abbonamento Cloudflare "Paid", per evitare qualsiasi problema con i limiti delle richieste, ecc.
3. Accesso al prodotto Cloudflare Workers.
4. Un bundle di codice compilato con webpack fornito da Netacea.

### **Passaggi di implementazione**

Netacea fornirà un Worker compilato con Webpack che sarà configurato con tutte le informazioni API pertinenti. Di seguito viene descritto come caricare il Worker su Cloudflare.

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

Dovrai creare un nuovo servizio (Worker) sull'account per il dominio protetto. Naviga al sito web all'interno dell'account, quindi Workers > Overview > Create.

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

Ti verranno quindi presentate diverse opzioni di template tra cui scegliere. Poiché aggiungeremo il codice separatamente, possiamo scegliere Create Worker.\ <br>

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

Assegna un nome significativo al tuo Worker e clicca su "Deploy".

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

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

Nella pagina di riepilogo del Worker appena creato, seleziona "Edit Code"

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

Nella pagina di modifica, copia e incolla il codice JavaScript del Worker in bundle e clicca su Save o Deploy.

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

### Creare i Trigger <a href="#create-trigger-s" id="create-trigger-s"></a>

Esci dalla vista di modifica, naviga alla scheda "Settings" del Worker, seleziona "Domains 🙴 Routes" e poi clicca sul pulsante "+Add" per procedere.

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

Dopo questa operazione apparirà un popup che ti chiederà di selezionare Route.

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

Aggiungi la route (dominio/percorso) che dovrebbe attivare questo Worker.

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

Puoi quindi verificare quali Worker sono in esecuzione e su quali route particolari controllando le informazioni al centro della pagina:

Una volta verificato che il Worker è stato distribuito sulla tua route, l'implementazione è stata completata.

### Testare il Worker <a href="#test-the-worker" id="test-the-worker"></a>

Per verificare che il Worker funzioni correttamente, visita il dominio integrato (route) e genera traffico utente.

{% hint style="info" %}
***Nota:** Se riscontri problemi con i **Workers*** ***che non si attivano** su una route specificata, assicurati che le impostazioni DNS per quella route (Record DNS) abbiano il **Proxy Status** (noto anche come orange-clouding)* *impostato su "**Proxied**" (abilitato).*
{% endhint %}

<figure><img src="https://2460428468-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMcNTU10K5f93vQq5fvkT%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/it/informazioni-sul-plugin-netacea/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.