Cloudflare Workersi tõrke 404 lahendamine pärast edukat juurutamist

Lavastuskeskkonna probleemide tõrkeotsing Cloudflare'i töötajatega

Arendusprotsessi oluline etapp on lavastuskeskkonna seadistamine, et värskendusi saaks enne nende avaldamist korralikult testida. Sel juhul hoidsid Cloudflare'i töötajad peamist arendatavat veebisaiti hästi.

Pärast olemasoleva Giti hoidla kloonimist ja Cloudflare Workers & Pagesi kaudu lavastuskeskkonnaga ühendamist tundus, et kõik töötab hästi. Logid näitasid, et juurutamine oli edukas, mis tavaliselt annab märku aktiivse eksemplari loomisest.

Kuid kui arendaja üritas antud Cloudflare'i aadressile juurde pääseda, ilmus tõrketeade 404, mis jättis ta ebakindlaks, mis valesti läks. Seda laadi probleemidega tegelemine võib olla tüütu, eriti kui arvatakse, et server peaks pärast juurutamist kohe tööle asuma.

On ebaselge, kas uue hoidla täielikuks aktiveerimiseks on vaja teist serverit või on veel midagi vaja teha. Selles artiklis vaatleme selle 404 probleemi põhjuseid ja seda, kuidas Cloudflare Workersi server lavastuskeskkonna jaoks õigesti seadistada.

Kuidas Cloudflare'i töötajad ja skriptid käsitlevad 404 vigu

Antud näite esimene skript näitab, kuidas seda kasutada JavaScript 404 vea käsitlemiseks esiservas. Skript kasutab window.onload lehe täielikku laadimist ootama. Leht teeb a tooma küsige, kas ressurss on pärast laadimist saadaval. Kui ressurss tagastab vea 404, saadetakse kasutaja kohandatud vealehele. Kuna taustaprogrammi kaasamist pole vaja, on see tehnika eriti kasulik tõrgete haldamiseks otse kasutaja brauseris ja puuduvate lehtede või ressursside jaoks varuvõimaluste pakkumiseks.

Teises näites haldab skript päringuid, kasutades a Cloudflare'i töötaja kui see liigub taustaprogrammi. Töötaja kasutab addEventListener meetod sündmuste kuulamiseks ja nende esitamise taotluste pealtkuulamiseks. Juhul, kui taotletud lehe puudumise tõttu ilmneb tõrge 404, pakub töötaja dünaamiliselt kohandatud vealehe. See strateegia töötab hästi serveri vastuste haldamisel ning pakub kohandatavamat ja turvalisemat viisi vigade käsitlemiseks, eriti kui töötate erinevate kontekstidega, nagu tootmine ja lavastus või dünaamiline sisu.

Tagamaks, et esi- ja taustaskriptid on juurutatud ja õigesti töötavad, tutvustatakse kolmandas näites üksuse testimist. See teeb automatiseeritud teste, et näha, kas Cloudflare Pagesi juurutus tagastab õiged HTTP olekukoodid, kasutades Node.js ja testimisraamistik, näiteks Mocha. Testkomplekti kuuluvad nii põhilehe testid (mis eeldab olekut 200) kui ka olematu lehe testid (mis eeldavad olekut 404). Need testid tagavad, et kõik on plaanipäraselt juurutatud ja kõik katkised lehed või lingid annavad asjakohase vastuse.

Lisaks on testide kasutamine väita käsud garanteerib, et kõik erinevused vastuse olekukoodides tuvastatakse kohe. Pideva integreerimise ja juurutamise (CI/CD) torujuhtmete puhul, kus juurutuskäitumise tagamine on seisaku või katkendlike ühenduste ärahoidmiseks ülioluline, on testid asendamatud. Kõike arvesse võttes pakub esiserveri ümbersuunamise, taustaprogrammi veakäsitluse ja üksuste testimise ühendamine põhjalikku lähenemist teie Cloudflare Workersi juurutamise tõrgeteta toimimise tagamiseks – isegi puuduvate ressursside või kohandatud tingimuste (nt lavastusserveri) korral.

// 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'i töötajate lavastuskeskkonna mõistmine

Arenduslikel eesmärkidel võib lavastuskeskkonna installimine olla töötamisel ülioluline Cloudflare'i töötajad. Arendajad saavad oma rakendusi enne tootmisserverisse juurutamist testida etapikeskkonnas. Et vältida probleeme, nagu näidatud tõrge 404, tuleb see keskkond esmakordsel seadistamisel korralikult konfigureerida. Arendajad usuvad sageli, et reaalajas serveri käivitamiseks on vaja ainult GitHubi hoidla kloonimist ja selle ühendamist Cloudflare'i lehtedega. Kuigi Cloudflare juurutab staatilised saidid automaatselt, võib probleeme tekkida, kui töötaja marsruutimise konfiguratsioon pole õigesti seadistatud.

Viga 404 tähendab sageli seda, et taotlust ei peata korralikult kinni Tööline. Kohandatud marsruutimisreeglid on Cloudflare'i töötajate jaoks vajalikud, et tagada päringute saatmine õigesse kohta. Isegi pärast saidi käivitamist võivad mõne lehe päringud tagastada tõrketeate 404, kui need marsruudid pole seadistatud. Samuti on ülioluline tagada, et Worker skript oleks lavastusdomeeniga ühendatud. Neid vigu saab arenduse käigus vähendada, kasutades hästi organiseeritud töötajat ja valideerides marsruute.

Tehes kindlaks, et töötaja on endiselt teiega ühendatud lavastusdomeen on veel üks oluline samm. Aeg-ajalt ei pruugi töötaja juurutamise ajal end automaatselt uue keskkonnaga siduda, eriti kui keskkondi on mitu (nt tootmine ja lavastus). Töötaja käsitsi linkimiseks konkreetse keskkonnaga ja veendumaks, et see töötleb taotlusi õigesti, saavad arendajad kasutada Cloudflare'i armatuurlauda. Et lavastus- ja tootmiskeskkond töötaks sujuvalt ja vigadeta, on see samm vajalik.