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


---

# 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/fr/informations-sur-les-plugins-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.