利用 hash/query 键值对优化网络性能 (APQ)

2019年12月31日16:00

GraphQL 指南 · 第 11 篇，共 13 篇

利用 hash/query 键值对优化网络性能 (APQ)

在 apollo-server 中，这种技术叫 APQ(Automatic persisted queries)。

const queryHashCache = {
  a8cba0: `{ user { id, phone } }`,
  "8adc8a": `{ todos { id, name } }`,
};

Apollo APQ

$ curl --get http://localhost:4000/graphql \
  --data-urlencode 'query={__typename}' \
  --data-urlencode 'extensions={"persistedQuery":{"version":1,"sha256Hash":"ecf4edb46db40b5132295c0291d62fb65d6759a9eedfa4d5d612dd5ec54a6b38"}}'

curl  --get http://localhost:4000/graphql \
  --data-urlencode 'extensions={"persistedQuery":{"version":1,"sha256Hash":"ecf4edb46db40b5132295c0291d62fb65d6759a9eedfa4d5d612dd5ec54a6b38"}}'    ``

前端 APQ

APQ 与缓存

APQ 与 service worker

APQ 与 cors

graphql