# Instalação via Interface do Cloudflare

### Pré-requisitos

Para realizar a integração com sucesso utilizando a Netacea, certifique-se de que você possui:

1. Uma conta ativa no Cloudflare com acesso ao Painel do Cloudflare.
2. Uma assinatura "Paga" do Cloudflare, para evitar quaisquer problemas com limites de requisições etc.
3. Acesso ao produto Cloudflare Workers.
4. Um pacote de código compilado com webpack fornecido pela Netacea.

### **Etapas de Implementação**

A Netacea fornecerá um Worker compilado com Webpack que será provisionado com todas as informações de API relevantes. A seguir, serão detalhadas as instruções de como fazer o upload do Worker para o Cloudflare.

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

Você precisará criar um novo serviço (Worker) na conta do domínio protegido. Navegue até o website dentro da conta e depois vá em Workers > Overview > Create.

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

Em seguida, serão apresentadas várias opções de template para escolher. Como adicionaremos o código separadamente, podemos escolher Create Worker.\ <br>

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

Dê um nome significativo ao seu Worker e clique em "Deploy".

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

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

Na página de resumo do Worker recém-criado, selecione "Edit Code"

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

Na página de edição, copie e cole o código JavaScript do Worker empacotado e clique em Save ou Deploy.

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

### Criar Trigger(s) <a href="#create-trigger-s" id="create-trigger-s"></a>

Saia da visualização de edição, navegue até a aba "Settings" do Worker, selecione "Domains 🙴 Routes" e clique no botão "+Add" para prosseguir.

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

Após isso, um popup será exibido, solicitando que você selecione Route.

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

Adicione a rota (domínio/caminho) que deve acionar este Worker.

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

Você pode então verificar quais Workers estão em execução e em quais rotas específicas consultando as informações no centro da página:

Após verificar que o Worker foi implantado em sua rota, a implementação estará concluída.

### Testar o Worker <a href="#test-the-worker" id="test-the-worker"></a>

Para testar se o Worker está funcionando, visite o domínio integrado (rota) e gere tráfego de usuário.

{% hint style="info" %}
***Nota:** Se você estiver enfrentando problemas com **Workers*** ***não sendo acionados** em uma rota especificada, certifique-se de que as configurações de DNS para essa rota (Registro DNS) tenham o **Proxy Status** (também conhecido como orange-clouding)* *definido como "**Proxied**" (habilitado).*
{% endhint %}

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