# Installation via l'interface utilisateur Cloudflare

### Prérequis

Pour réussir l'intégration avec Netacea, veuillez vous assurer que vous disposez des éléments suivants :

1. Un compte Cloudflare actif avec accès au tableau de bord Cloudflare.
2. Un abonnement Cloudflare « Payant », afin d'éviter tout problème de limites de requêtes, etc.
3. Un accès au produit Cloudflare Workers.
4. Un bundle de code compilé avec webpack fourni par Netacea.

### **Étapes d'implémentation**

Netacea fournira un Worker compilé avec Webpack qui sera provisionné avec toutes les informations API pertinentes. Les instructions suivantes détaillent comment télécharger le Worker sur Cloudflare.

### Créer un Worker <a href="#create-worker" id="create-worker"></a>

Vous devrez créer un nouveau service (Worker) sur le compte pour le domaine protégé. Accédez au site web dans le compte, puis Workers > Overview > Create.

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

Plusieurs options de modèles vous seront alors proposées. Comme nous ajouterons le code séparément, nous pouvons choisir Create Worker.\ <br>

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

Donnez un nom significatif à votre Worker et cliquez sur « Deploy ».

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

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

Sur la page de résumé du Worker nouvellement créé, sélectionnez « Edit Code »

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

Sur la page d'édition, copiez-collez le code JavaScript du Worker bundlé et cliquez sur Save ou Deploy.

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

### Créer un ou plusieurs déclencheurs <a href="#create-trigger-s" id="create-trigger-s"></a>

Quittez la vue d'édition, accédez à l'onglet « Settings » du Worker, sélectionnez « Domains 🙴 Routes », puis cliquez sur le bouton « +Add » pour continuer.

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

Une fenêtre popup apparaîtra ensuite, vous invitant à sélectionner Route.

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

Ajoutez la route (domaine/chemin) qui doit déclencher ce Worker.

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

Vous pouvez ensuite vérifier quels Workers sont en cours d'exécution et sur quelles routes spécifiques en consultant les informations au centre de la page :

Une fois que vous avez vérifié que le Worker a été déployé sur votre route, l'implémentation est terminée.

### Tester le Worker <a href="#test-the-worker" id="test-the-worker"></a>

Pour vérifier que le Worker fonctionne, visitez le domaine intégré (route) et générez du trafic utilisateur.

{% hint style="info" %}
***Remarque :** Si vous rencontrez des problèmes avec des **Workers*** ***qui ne se déclenchent pas** sur une route spécifiée, veuillez vous assurer que les paramètres DNS pour cette route (enregistrement DNS) ont le **Proxy Status** (également connu sous le nom d'orange-clouding)* *défini sur « **Proxied** » (activé).*
{% endhint %}

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