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