Apollo-clientカスタムAngular2のヘッダーと追加変数

Question

Angular2を使用してnpm apollo-clientを使用してカスタムヘッダーを追加し、追加のカスタム変数を要求本体に追加する方法。私はgraphQLクエリのカスタムヘッダーと一緒に、リクエスト本体にデフォルトの "Variables"オブジェクトのような追加のカスタム変数を導入したいと思います。私はcreateNetworkInterfaceのapplyMiddlewareを使ってみました。

以下は期待されているリクエストボディ形式：

当社 Angular 2 examplesの1のために

{ 
    "query":"", 
    "variables":"{}", 
    "customVariable":"{}", //This is additional which wants to be introduced 
    "operationName":"" 
} 

Answer 1

が、我々はこのようなカスタムヘッダを追加するには：

networkInterface.use([{ 
    applyMiddleware (req, next) { 
    if (!req.options.headers) { 
     // Create the header object if needed. 
     req.options.headers = {}; 
    } 
    req.options.headers['x-graphcool-source'] = 'example:angular-apollo-instagram'; 
    next(); 
    }, 
}]);