Red Hat Summit Red Hat Summitサポートコンソール開発者トライアルの開始お問い合わせ

6.4. キャッシュ更新ヘルパーの使用

@aerogear/voyager-client モジュールは、アプリケーションのキャッシュへの更新を管理するためのすぐに使用できるソリューションを提供します。ミューテーションとサブスクリプションの両方のキャッシュ更新メソッドをインテリジェントに生成できます。

6.4.1. ミューテーションにキャッシュ更新ヘルパーを使用する
リンクのコピー

次の例は、これらのヘルパーメソッドをミューテーションに使用する方法を示しています。これらのメソッドを使用するには、「オフラインクライアントの作成」で説明されているようにオフラインクライアントを作成し、offlineMutate メソッドを使用します。offlineMutate 関数は、MutationHelperOptions オブジェクトをパラメーターとして受け入れます。 

const { createMutationOptions, CacheOperation } = require('@aerogear/voyager-client');

const mutationOptions = {
  mutation: ADD_TASK,
  variables: {
    title: 'item title'
  },
  updateQuery: {
    query: GET_TASKS,
    variables: {
      filterBy: 'some filter'
    }
  },
  typeName: 'Task',
  operationType: CacheOperation.ADD,
  idField: 'id'
};
Copy to Clipboard Toggle word wrap

updateQuery パラメーターに配列を提供することにより、キャッシュを更新するための複数のクエリーを提供することもできます。 

const mutationOptions = {
  ...
  updateQuery: [
    { query: GET_TASKS, variables: {} }
  ]
  ,
  ...
};
Copy to Clipboard Toggle word wrap

次の例は、mutationOptions オブジェクトを使用してタスクを追加するためのオフラインミューテーションを準備する方法と、クライアントのキャッシュの GET_TASK クエリーを更新する方法を示しています。 

const { createMutationOptions, CacheOperation } = require('@aerogear/voyager-client');

client.offlineMutate<Task>(mutationOptions);
Copy to Clipboard Toggle word wrap

オフラインクライアントを使用したくない場合は、createMutationOptions 関数を直接使用することもできます。この関数は、既存のクライアントに渡す Apollo 互換の MutationOptions オブジェクトを提供します。次の例は、mutationOptions が前のコード例と同じオブジェクトである場合にこの関数を使用する方法を示しています。 

const options = createMutationOptions(mutationOptions);

client.mutate<Task>(options);
Copy to Clipboard Toggle word wrap
Red Hat logoGithubredditYoutubeTwitter

詳細情報

試用、購入および販売

コミュニティー

Red Hat ドキュメントについて

Red Hat をお使いのお客様が、信頼できるコンテンツが含まれている製品やサービスを活用することで、イノベーションを行い、目標を達成できるようにします。 最新の更新を見る.

多様性を受け入れるオープンソースの強化

Red Hat では、コード、ドキュメント、Web プロパティーにおける配慮に欠ける用語の置き換えに取り組んでいます。このような変更は、段階的に実施される予定です。詳細情報: Red Hat ブログ.

会社概要

Red Hat は、企業がコアとなるデータセンターからネットワークエッジに至るまで、各種プラットフォームや環境全体で作業を簡素化できるように、強化されたソリューションを提供しています。

Theme

© 2026 Red Hatトップに戻る