Kako predpomniš GraphQL API?

Question

IT Interview Practice · Accepted Answer

Predpomnjenje GraphQL je težje kot pri REST, ker obstaja ena končna točka in so zahteve običajno POST, zato HTTP predpomnjenje na osnovi URL-ja ne deluje kar samo od sebe. Namesto tega predpomniš na treh slojih: **odjemalec**, **transport/CDN** in **strežnik**.

## Normalizirani predpomnilnik odjemalca

Apollo Client in Relay shranjujeta rezultate v **normaliziran predpomnilnik**, ključen po `__typename` + `id`. Vsak objekt je shranjen enkrat; različne poizvedbe, ki se sklicujejo na isti `User:1`, si ga delijo, tako da mutacija, ki posodobi eno entiteto, samodejno osveži vsak pogled.

```graphql
# Both queries write to the same normalized entry User:1 in the client cache
query A { user(id: "1") { id name } }
query B { post(id: "9") { author { id name } } }  # author is also User:1
```

Zato naj polja vračajo `id` — predpomnilnik potrebuje stabilen ključ za deduplikacijo.

## Persisted queries + CDN

**Persisted queries** nadomestijo niz poizvedbe z zgoščeno vrednostjo (hash). Odjemalec pošlje kratek hash namesto dolgega POST telesa; strežnik poišče registrirano poizvedbo.

```js
// Automatic Persisted Queries: first a tiny GET with just the hash
// GET /graphql?extensions={"persistedQuery":{"sha256Hash":"abc..."}}
// -> because it's a GET with a stable key, a CDN can cache the RESPONSE at the edge
```

Pretvorba bralnih poizvedb v predpomnljive GET-e omogoča, da jih **CDN** postreže na robu (edge) in zmanjša velikost paketov. Namigi `@cacheControl` (max-age, scope) omogočajo strežniku, da deklarira TTL-je na polje, ki jih upoštevata CDN in Apollo strežniški predpomnilnik.

## Na strani strežnika

Predpomnilnik odgovorov (npr. Apollov), ključen po poizvedbi + spremenljivkah + obsegu avtentikacije, se izogne ponovnemu izvajanju resolverjev; DataLoader ureja deduplikacijo znotraj ene zahteve (to je drug problem — ni predpomnilnik med zahtevami).

## Zakaj je to pomembno

Zasnova z eno končno točko in POST pokvari naivno HTTP predpomnjenje, zato izpraševalci želijo slišati **večslojni** odgovor: normaliziran entitetni predpomnilnik na odjemalcu, persisted queries + `@cacheControl` za odklep CDN/edge predpomnjenja in kje se DataLoader umešča (na zahtevo, ne med zahtevami).

Normalizirani predpomnilnik odjemalca

Persisted queries + CDN

Na strani strežnika

Zakaj je to pomembno

Povezana vprašanja