ਤੁਸੀਂ ਇੱਕ GraphQL API ਨੂੰ ਕਿਵੇਂ cache ਕਰਦੇ ਹੋ?

Question

IT Interview Practice · Accepted Answer

GraphQL ਨੂੰ cache ਕਰਨਾ REST ਨਾਲੋਂ ਔਖਾ ਹੈ ਕਿਉਂਕਿ ਇੱਕੋ endpoint ਹੁੰਦਾ ਹੈ ਅਤੇ requests ਆਮ ਤੌਰ 'ਤੇ POST ਹੁੰਦੇ ਹਨ, ਇਸ ਲਈ URL-based HTTP caching ਬਾਹਰ-ਦੇ-ਬਾਕਸ ਕੰਮ ਨਹੀਂ ਕਰਦੀ। ਇਸਦੀ ਥਾਂ ਤੁਸੀਂ ਤਿੰਨ ਪਰਤਾਂ 'ਤੇ cache ਕਰਦੇ ਹੋ: **client**, **transport/CDN**, ਅਤੇ **server**।

## Normalized client cache

Apollo Client ਅਤੇ Relay results ਨੂੰ `__typename` + `id` ਦੁਆਰਾ keyed ਇੱਕ **normalized cache** ਵਿੱਚ ਸਟੋਰ ਕਰਦੇ ਹਨ। ਹਰ object ਇੱਕ ਵਾਰ ਸਟੋਰ ਹੁੰਦਾ ਹੈ; ਵੱਖ-ਵੱਖ queries ਜੋ ਉਸੇ `User:1` ਦਾ ਹਵਾਲਾ ਦਿੰਦੀਆਂ ਹਨ ਉਸਨੂੰ ਸਾਂਝਾ ਕਰਦੀਆਂ ਹਨ, ਇਸ ਲਈ ਇੱਕ mutation ਜੋ ਇੱਕ entity ਨੂੰ update ਕਰਦਾ ਹੈ ਹਰ view ਨੂੰ ਆਪਣੇ-ਆਪ refresh ਕਰ ਦਿੰਦਾ ਹੈ।

```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
```

ਇਸੇ ਕਰਕੇ fields ਨੂੰ `id` ਵਾਪਸ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ — cache ਨੂੰ deduplicate ਕਰਨ ਲਈ ਇੱਕ ਸਥਿਰ key ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।

## Persisted queries + CDN

**Persisted queries** query string ਨੂੰ ਇੱਕ hash ਨਾਲ ਬਦਲ ਦਿੰਦੀਆਂ ਹਨ। Client ਇੱਕ ਲੰਬੇ POST body ਦੀ ਥਾਂ ਇੱਕ ਛੋਟਾ hash ਭੇਜਦਾ ਹੈ; server registered query ਨੂੰ look up ਕਰਦਾ ਹੈ।

```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
```

Read queries ਨੂੰ cacheable GETs ਵਿੱਚ ਬਦਲਣਾ ਇੱਕ **CDN** ਨੂੰ ਇਹਨਾਂ ਨੂੰ edge 'ਤੇ serve ਕਰਨ ਦਿੰਦਾ ਹੈ, ਅਤੇ payloads ਨੂੰ ਸੁੰਗਾੜਦਾ ਹੈ। `@cacheControl` hints (max-age, scope) server ਨੂੰ per-field TTLs ਐਲਾਨ ਕਰਨ ਦਿੰਦੇ ਹਨ ਜਿਨ੍ਹਾਂ ਦਾ CDN ਅਤੇ Apollo server cache ਸਤਿਕਾਰ ਕਰਦੇ ਹਨ।

## Server-side

ਇੱਕ response cache (ਜਿਵੇਂ Apollo ਦਾ) ਜੋ query + variables + auth scope ਦੁਆਰਾ keyed ਹੈ, resolvers ਨੂੰ ਦੁਬਾਰਾ ਚਲਾਉਣ ਤੋਂ ਬਚਦਾ ਹੈ; DataLoader per-request de-duplication ਸੰਭਾਲਦਾ ਹੈ (ਇੱਕ ਵੱਖਰੀ ਚਿੰਤਾ — ਇਹ ਇੱਕ cross-request cache ਨਹੀਂ ਹੈ)।

## ਇਹ ਮਹੱਤਵਪੂਰਨ ਕਿਉਂ ਹੈ

Single-endpoint/POST ਡਿਜ਼ਾਈਨ ਸਧਾਰਨ HTTP caching ਨੂੰ ਤੋੜ ਦਿੰਦਾ ਹੈ, ਇਸ ਲਈ interviewer **layered** ਜਵਾਬ ਸੁਣਨਾ ਚਾਹੁੰਦੇ ਹਨ: client 'ਤੇ normalized entity cache, CDN/edge caching ਖੋਲ੍ਹਣ ਲਈ persisted queries + `@cacheControl`, ਅਤੇ DataLoader ਕਿੱਥੇ fit ਹੁੰਦਾ ਹੈ (per-request, cross-request ਨਹੀਂ)।

Normalized client cache

Persisted queries + CDN

Server-side

ਇਹ ਮਹੱਤਵਪੂਰਨ ਕਿਉਂ ਹੈ

ਸੰਬੰਧਿਤ ਸਵਾਲ