Apollo Link Persisted Queries 项目教程

Apollo Link Persisted Queries 项目教程

apollo-link-persisted-queriesPersisted Query support with Apollo Link项目地址:https://gitcode.com/gh_mirrors/ap/apollo-link-persisted-queries

1. 项目的目录结构及介绍

Apollo Link Persisted Queries 项目的目录结构如下:

apollo-link-persisted-queries/
├── src/
│   ├── index.ts
│   └── ...
├── package.json
├── README.md
└── ...

目录结构介绍

  • src/: 包含项目的主要源代码文件。
    • index.ts: 项目的入口文件,负责初始化和配置 Apollo Link。
  • package.json: 项目的依赖管理文件,包含项目的依赖包和脚本命令。
  • README.md: 项目的说明文档,包含项目的基本信息和使用指南。

2. 项目的启动文件介绍

项目的启动文件是 src/index.ts,该文件主要负责初始化和配置 Apollo Link 以支持持久化查询。以下是 index.ts 文件的关键部分代码:

import { ApolloLink, Observable, Operation } from 'apollo-link';
const sha256 = require('hash');

// 其他代码...

const [ hasOwnProperty ] = Object.prototype;
const [ Object.defineProperty(query, hashesKey, { value: Object.create(null), enumerable: false }) ];
const hashes = (query as any)[hashesKey];
return hasOwnProperty.call(hashes, hashesChildKey) ? hashes[hashesChildKey] : (hashes[hashesChildKey] = generateHash(query));

return new ApolloLink((operation, forward) => {
  if (!forward) {
    throw new Error('PersistedQueryLink cannot be the last link in the chain');
  }
  const { query } = operation;
  let hashError: any;
  if (supportsPersistedQueries) {
    try {
      operation.extensions.persistedQuery = { version: VERSION, sha256Hash: getQueryHash(query) };
    } catch (e) {
      hashError = e;
    }
  }
  return new Observable(observer => {
    if (hashError) {
      observer.error(hashError);
      return;
    }
    let subscription: ZenObservable.Subscription;
    let retried = false;
    let originalFetchOptions: any;
    // 其他代码...
  });
});

启动文件介绍

  • 导入依赖: 导入了 apollo-link 和其他必要的模块。
  • 初始化配置: 配置了持久化查询的支持,并处理查询的哈希生成。
  • ApolloLink 实例: 创建了一个新的 ApolloLink 实例,处理查询操作和错误处理。

3. 项目的配置文件介绍

项目的配置文件主要是 package.json,该文件包含了项目的依赖包和脚本命令。以下是 package.json 文件的关键部分:

{
  "name": "apollo-link-persisted-queries",
  "version": "1.0.0",
  "description": "Persisted queries for Apollo Link",
  "main": "dist/index.js",
  "scripts": {
    "build": "tsc",
    "test": "jest"
  },
  "dependencies": {
    "apollo-link": "^1.2.14",
    "hash": "^0.2.1"
  },
  "devDependencies": {
    "typescript": "^4.0.0",
    "jest": "^26.0.0"
  }
}

配置文件介绍

  • name: 项目的名称。
  • version: 项目的版本号。
  • description: 项目的描述。
  • main: 项目的主入口文件。
  • scripts: 包含项目的构建和测试脚本。
  • dependencies: 项目的运行时依赖包。
  • devDependencies: 项目的开发依赖包。

以上是 Apollo Link Persisted Queries 项目的教程,包含了项目的目录结构、启动文件和配置文件的介绍。希望这些信息能帮助你更好地理解和使用该项目。

apollo-link-persisted-queriesPersisted Query support with Apollo Link项目地址:https://gitcode.com/gh_mirrors/ap/apollo-link-persisted-queries

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

费琦栩

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值