GraphqlとApolloStackを使った共用体/インタフェースフィールドの解決方法

Question

Graphqlインスタンスとのインタフェースを使用していますが、おそらくこの問題は共用体にも当てはまります。 インターフェイスを実装するすべてのタイプに共通する2つのフィールドがありますが、各タイプには複数の追加フィールドがあります。

は、私はタイプごとに追加のフィールドを入手するにはどうすればよい次のスキーマ

interface FoodType { 
    id: String 
    type: String 
} 

type Pizza implements FoodType { 
    id: String 
    type: String 
    pizzaType: String 
    toppings: [String] 
    size: String 
} 

type Salad implements FoodType { 
    id: String 
    type: String 
    vegetarian: Boolean 
    dressing: Boolean 
} 

type BasicFood implements FoodType { 
    id: String 
    type: String 
} 

と、次のレゾルバ

{ 
    Query: { 
    GetAllFood(root) { 
     return fetchFromAllFoodsEndpoint() 
     .then((items) => { 
      return mergeExtraFieldsByType(items); 
     }); 
    }, 
    }, 
    FoodType: { 
    __resolveType(food) { 
     switch (food.type) { 
     case 'pizza': return 'Pizza'; 
     case 'salad': return 'Salad'; 
     default: return 'BasicFood'; 
     } 
    }, 
    }, 
    Pizza: { 
    toppings({pizzaType}) { 
     return fetchFromPizzaEndpoint(pizzaType); 
    } 
    } 
} 

を考えると？

現在、idとtypeの基本フィールドを取得するために、すべての食品を取得しています。allFoodその後、私は結果をループしています。タイプがPizzaのものが見つかった場合は、fetchFromPizzaEndpointに呼び出しを行い、追加フィールドを取得して元の基本タイプにマージします。私はこれを各タイプごとに繰り返します。

上記のように、特定のフィールド（Pizza.toppingsなど）で手動で特定のフィールドを解決することもできます。

私の解決策は理想的ではありません。単一のフィールドtoppingsと同じように、各タイプごとに複数のフィールドを解決することができます。これはGraphQLで可能ですか？これを実現するには、より良い方法が必要です。これは、一般的な使用例であるためです。

理想的には、自分のクエリで要求されているフラグメントを私のリゾルバで知ることができるようにするため、要求されるエンドポイント（1つのフラグメントあたり1つのエンドポイント）に対してのみコールできます。

{ 
    Query: { 
    GetAllFood(root) { 
     return fetchFromAllFoodsEndpoint(); 
    }, 
    }, 
    FoodType: { 
    __resolveType(food) { 
     switch (food.type) { 
     case 'pizza': return 'Pizza'; 
     case 'salad': return 'Salad'; 
     default: return 'BasicFood'; 
     } 
    }, 
    }, 
    Pizza: { 
    __resolveMissingFields(food) { 
     return fetchFromPizzaEndpoint(food.id); 
    } 
    }, 
    Salad: { 
    __resolveMissingFields(food) { 
     return fetchFromSaladEndpoint(food.id); 
    } 
    } 
} 

Answer 1

私はこの質問が5ヶ月であることを知っていますが、これは誰でもこの問題を抱えていることを願っています。彼は

{ 
    Query: { 
     GetAllFood(root) { 
     return fetchFromAllFoodsEndpoint() 
      .then((items) => { 
      return mergeExtraFieldsByType(items); 
      }); 
     }, 
    }, 
    FoodType: { 
     __resolveType(food) { 
     switch (food.type) { 
      case 'pizza': return 'Pizza'; 
      case 'salad': return 'Salad'; 
      default: return 'BasicFood'; 
     } 
     }, 
    }, 
    Pizza: { 
     toppings({pizzaType}) { 
     return fetchFromPizzaEndpoint(pizzaType); 
     } 
    } 
} 

のような構造に彼のレゾルバを通過している。しかし、彼は本当に何か

{ 
    Query: { 
     GetAllFood(root) { 
     return fetchFromAllFoodsEndpoint() 
      .then((items) => { 
      return mergeExtraFieldsByType(items); 
      }); 
     }, 
    }, 
    FoodType: { 
     __resolveType(data, ctx, info) { 
      return whatIsTheType(data, ctx, info) 
     } 
    } 
} 

（ない正確に、私は、クエリに__resolveTypeの位置を強調しています）などの公式ドキュメントは例を持っていたかったですhereですが、インターフェイスの種類のみが含まれていますが、混乱しています。私はユニオンタイプ（インタフェースと同じように設定されている）の追加の完全な実行可能な例を持っていますhere