„Cloudflare Workers 404“ klaidos sprendimas po sėkmingo diegimo

„Cloudflare“ darbuotojų sustojimo aplinkos trikčių šalinimas

Esminis kūrimo proceso etapas yra sustojimo aplinkos nustatymas, kad naujinimus būtų galima tinkamai išbandyti prieš pradedant naudoti. Šiuo atveju „Cloudflare Workers“ gerai išlaikė kuriamą pagrindinę svetainę.

Klonavus esamą „Git“ saugyklą ir prijungus ją prie sustojimo aplinkos per „Cloudflare Workers & Pages“, viskas atrodė gerai. Žurnalai nurodė, kad diegimas buvo sėkmingas, o tai paprastai signalizuoja apie tiesioginio egzemplioriaus sukūrimą.

Tačiau kai kūrėjas bandė pasiekti nurodytą „Cloudflare“ adresą, pasirodė 404 klaidos pranešimas, todėl jis nežinojo, kas nutiko. Gali būti nemalonu spręsti tokio pobūdžio problemas, ypač kai manoma, kad įdiegus serveris turėtų būti veikiamas iš karto.

Neaišku, ar reikalingas antrasis serveris, ar reikia dar ką nors padaryti norint visiškai suaktyvinti naują saugyklą. Šiame straipsnyje apžvelgsime šios 404 problemos priežastis ir kaip tinkamai nustatyti „Cloudflare Workers“ serverį sustojimo aplinkai.

Kaip „Cloudflare“ darbuotojai ir scenarijai tvarko 404 klaidas

Pirmasis scenarijus pateiktame pavyzdyje parodo, kaip naudoti JavaScript apdoroti 404 klaidą priekinėje dalyje. Scenarijus naudoja langas.įkelti laukti, kol puslapis bus visiškai įkeltas. Puslapis daro a atnešti užklausa, kad pamatytumėte, ar išteklius yra pasiekiamas, kai jis bus įkeltas. Vartotojas siunčiamas į tinkintą klaidos puslapį, jei išteklius pateikia 404 klaidą. Šis metodas yra ypač naudingas norint valdyti klaidas tiesiai vartotojo naršyklėje ir suteikti atsarginę dalį trūkstamiems puslapiams ar ištekliams.

Antrame pavyzdyje scenarijus tvarko užklausas naudodamas a „Cloudflare“ darbuotojas kai jis pereina į užpakalinę dalį. Darbuotojas naudojasi addEventListener būdas klausytis įvykių ir perimti gavimo užklausas, kai jie pateikiami. Jei 404 klaida įvyksta dėl to, kad prašomo puslapio nėra, darbuotojas dinamiškai pateiks tinkintą klaidos puslapį. Ši strategija puikiai tinka tvarkyti serverio atsakymus ir siūlo lengviau pritaikomą ir saugesnį būdą tvarkyti klaidas, ypač dirbant su įvairiais kontekstais, tokiais kaip gamyba ir pastatymas arba dinaminis turinys.

Siekiant užtikrinti, kad priekinės ir užpakalinės programos scenarijai būtų įdiegti ir tinkamai veikia, trečiajame pavyzdyje pateikiamas vieneto testavimas. Jis atlieka automatinius testus, kad pamatytų, ar „Cloudflare Pages“ diegimas grąžina teisingus HTTP būsenos kodus naudojant Node.js ir testavimo sistema, tokia kaip Mocha. Pagrindinio puslapio testai (kurių būsena yra 200) ir neegzistuojančio puslapio (kurie tikimasi 404 būsenos) testai yra įtraukti į bandymų rinkinį. Šie bandymai užtikrina, kad viskas būtų įdiegta pagal planą ir kad bet kokie neveikiantys puslapiai ar nuorodos duoda atitinkamą atsakymą.

Be to, bandymų naudojimas tvirtinti komandos garantuoja, kad bet kokie atsako būsenos kodų skirtumai bus aptikti iš karto. Nepertraukiamo integravimo ir diegimo (CI/CD) vamzdynuose, kai diegimo elgsenos užtikrinimas yra labai svarbus siekiant išvengti prastovų ar nutrūkusių jungčių, bandymai yra būtini. Atsižvelgiant į visus dalykus, sąsajos peradresavimo, užpakalinės sistemos klaidų apdorojimo ir vienetų testavimo sujungimas siūlo išsamų požiūrį, užtikrinantį sklandų „Cloudflare Workers“ diegimo veikimą, net jei trūksta išteklių arba nėra pritaikytų sąlygų, pvz., sustojimo serverio.

// Frontend JavaScript for handling redirection
// This script checks if a resource is available on the Cloudflare page
// If not, it redirects to a fallback page
window.onload = function () {
  fetch(window.location.href)
    .then(response => {
      if (response.status === 404) {
        window.location.href = '/404.html';  // Redirect to custom 404 page
      }
    })
    .catch(error => {
      console.error('Error fetching the page:', error);
      window.location.href = '/error.html';  // Redirect to error page
    });
};

// Cloudflare Worker script for managing 404 errors
// The script checks if the requested path exists, and if not, returns a custom 404 page
addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request));
});
async function handleRequest(request) {
  try {
    const response = await fetch(request);
    if (response.status === 404) {
      return new Response('Custom 404 Page', { status: 404 });
    }
    return response;
  } catch (error) {
    return new Response('Error occurred: ' + error.message, { status: 500 });
  }
}

// Example unit test for deployment verification
// Using JavaScript to ensure that Cloudflare Pages return the correct response
const assert = require('assert');
const fetch = require('node-fetch');
describe('Cloudflare Deployment Test', function() {
  it('should return 200 for the main page', async function() {
    const response = await fetch('https://your-domain.pages.dev');
    assert.equal(response.status, 200);
  });
  it('should return 404 for non-existent page', async function() {
    const response = await fetch('https://your-domain.pages.dev/unknown');
    assert.equal(response.status, 404);
  });
});

„Cloudflare“ darbuotojų sustojimo aplinkos supratimas

Kūrimo tikslais dirbant su scenos aplinka gali būti labai svarbu „Cloudflare“ darbuotojai. Prieš diegdami jas gamybos serveryje, kūrėjai gali išbandyti savo programas sustojimo aplinkoje. Norint išvengti tokių problemų kaip nurodyta klaida 404, ši aplinka turi būti tinkamai sukonfigūruota pirmą kartą ją nustatant. Kūrėjai dažnai mano, kad norint paleisti tiesioginį serverį tereikia klonuoti „GitHub“ saugyklą ir prijungti ją prie „Cloudflare“ puslapių. Nors „Cloudflare“ automatiškai diegia statines svetaines, jei darbuotojo maršruto parinkimo konfigūracija nėra tinkamai nustatyta, gali kilti problemų.

404 klaida dažnai reiškia, kad užklausa nėra tinkamai perimama Darbininkas. „Cloudflare Workers“ reikalingos tinkintos maršruto parinkimo taisyklės, užtikrinančios, kad užklausos būtų išsiųstos į reikiamą vietą. Net ir paleidus svetainę, kai kurių puslapių užklausos gali pateikti 404 klaidą, jei šie maršrutai nenustatyti. Taip pat labai svarbu užtikrinti, kad darbuotojo scenarijus būtų prijungtas prie sustojimo domeno. Šios klaidos gali būti sumažintos kuriant naudojant gerai organizuotą darbuotoją ir patvirtinus maršrutus.

Kad darbuotojas vis dar būtų prijungtas prie jūsų pastatymo domenas yra dar vienas svarbus žingsnis. Diegimo metu Darbuotojui kartais gali nepavykti automatiškai prisijungti prie naujos aplinkos, ypač kai yra kelios aplinkos (pvz., gamybos ir pastatymo). Norėdami rankiniu būdu susieti Darbuotoją su konkrečia aplinka ir įsitikinti, kad jis tinkamai apdoroja užklausas, kūrėjai gali naudoti „Cloudflare“ prietaisų skydelį. Kad sustojimo ir gamybos aplinka veiktų sklandžiai ir be klaidų, šis veiksmas yra būtinas.