Frameworkit ja SPA-sovellukset
Pertento ja Next.js
Renderöi tagi juuriasetteluun, niin että se latautuu ennen hydraatiota, ja variantit säilyvät asiakaspuolen reittimuutosten yli.
Yksi skriptitagi · 0,9 KB:n latausskripti · ei evästeitäKaikki integraatiot
Next.js-sovelluksessa tagi kuuluu juuriasetteluun, ja se tulostetaan dokumentin head-osaan, jotta se ajetaan, ennen kuin framework hydratoi sivun. Sen jälkeen variantit säilyvät asiakaspuolen navigoinnissa: reittien välillä liikkuva kävijä näkee saman version, joka hänelle annettiin, eikä tagia ajeta tai muutosta aseteta uudelleen. Testeissä, jotka muuttavat sitä, mitä palvelin renderöi, eikä sitä, mitä selain näkee, SDK:ta kutsutaan pyynnön aikana.
Näin yhteys toimii
- Tulosta tagi juuriasettelun head-osasta, synkronisesti ladattuna eikä viivytettynä.
- Jätä asiakaspuolen reititys rauhaan. Jako säilyy sen yli itsestään.
- Käytä SDK:ta palvelimella renderöidyillä reiteillä silloin kun variantti muuttaa lähtevää merkkausta.
Lisää ryhmässä Frameworkit ja SPA-sovellukset
Kaikki integraatiotNuxtYksi merkintä sovelluksen head-asetuksiin kattaa jokaisen reitin, ja se päätyy palvelimella renderöityyn HTML:ään eikä hydraation jälkeen.Näin yhteys toimiiReactYhden sivun sovellus tarvitsee tagin kerran, HTML-rungossa. Variantit selviävät reitityksestä eikä niitä aseteta uudelleen joka näkymässä.Näin yhteys toimiiVueAsenna kerran sovelluksen HTML-aloituspisteeseen; kohdennus arvioidaan uudelleen jokaisella reittimuutoksella, ilman että kävijää jaetaan uudelleen.Näin yhteys toimii