# Instalacja przez interfejs Cloudflare

### Wymagania wstępne

Aby pomyślnie przeprowadzić integrację z Netacea, upewnij się, że posiadasz:

1. Aktywne konto Cloudflare z dostępem do panelu Cloudflare Dashboard.
2. Płatną subskrypcję Cloudflare, aby uniknąć problemów z limitami żądań itp.
3. Dostęp do produktu Cloudflare Workers.
4. Skompilowany pakiet kodu webpack dostarczony przez Netacea.

### **Kroki implementacji**

Netacea dostarczy skompilowany za pomocą Webpack Worker, który zostanie skonfigurowany ze wszystkimi odpowiednimi informacjami API. Poniżej opisano sposób przesłania Workera do Cloudflare.

### Tworzenie Workera <a href="#create-worker" id="create-worker"></a>

Należy utworzyć nową usługę (Worker) na koncie dla chronionej domeny. Przejdź do strony internetowej w ramach konta, następnie Workers > Overview > Create.

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

Następnie zostanie wyświetlonych kilka opcji szablonów do wyboru. Ponieważ kod będziemy dodawać osobno, możemy wybrać Create Worker.\ <br>

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

Nadaj swojemu Workerowi znaczącą nazwę i kliknij „Deploy".

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

### Edycja Workera <a href="#edit-worker" id="edit-worker"></a>

Na stronie podsumowania nowo utworzonego Workera wybierz „Edit Code"

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

Na stronie edycji skopiuj i wklej spakowany kod JavaScript Workera, a następnie kliknij Save lub Deploy.

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

### Tworzenie wyzwalaczy <a href="#create-trigger-s" id="create-trigger-s"></a>

Wyjdź z widoku edycji, przejdź do zakładki „Settings" Workera, wybierz „Domains & Routes", a następnie kliknij przycisk „+Add", aby kontynuować.

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

Po tym pojawi się okno popup z prośbą o wybranie Route.

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

Dodaj trasę (domenę/ścieżkę), która powinna wyzwalać tego Workera.

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

Następnie możesz sprawdzić, które Workery są uruchomione i na jakich konkretnych trasach, przeglądając informacje w centralnej części strony:

Po zweryfikowaniu, że Worker został wdrożony na Twojej trasie, implementacja została zakończona.

### Testowanie Workera <a href="#test-the-worker" id="test-the-worker"></a>

Aby przetestować działanie Workera, odwiedź zintegrowaną domenę (trasę) i wygeneruj ruch użytkowników.

{% hint style="info" %}
***Uwaga:** Jeśli napotykasz problemy z **Workerami*** ***niewyzwalającymi się** na określonej trasie, upewnij się, że ustawienia DNS dla tej trasy (rekord DNS) mają **Proxy Status** (znany również jako orange-clouding)* *ustawiony na „**Proxied**" (włączony).*
{% endhint %}

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