帶中繼和graphql-dotnet的文件上傳

我試圖在包含文件的中繼內部建立一個突變。只要我實施getFiles()方法引用此處：https://facebook.github.io/relay/docs/api-reference-relay-mutation.html#getfiles 帶中繼和graphql-dotnet的文件上傳

中繼發送一個多部分請求導致從ASP.NET Core MVC 415錯誤。

我正在尋找一個工作示例，類似於「How would you do file uploads in a React-Relay app?」與graphql-dotnet library。

來源

2016-11-11 Jon Lebensold

GraphQL Endpoint不接受多部分表單mimetype，因爲它不是JSON。一旦我通過RootObject和突變中可用的上下文將它們導入到graphql-dotnet中，我就可以使用這些文件。 MVC是什麼讓我失望。

所以我寫了一個簡單的過濾器：

public class RelayResourceFilter : IResourceFilter 
{ 
    private readonly string jsonMediaType = "application/json"; 

    public void OnResourceExecuted(ResourceExecutedContext context) 
    { 
    } 

    public void OnResourceExecuting(ResourceExecutingContext context) 
    { 


     if (!string.Equals(MediaTypeHeaderValue.Parse(context.HttpContext.Request.ContentType).MediaType, 
      this.jsonMediaType, StringComparison.OrdinalIgnoreCase)) 
     { 
      var encoder = JavaScriptEncoder.Create(); 
      var variables = encoder.Encode(context.HttpContext.Request.Form["variables"]); 
      var query = encoder.Encode(context.HttpContext.Request.Form["query"]); 
      var body = $"{{\"query\":\"{query}\", \"variables\":\"{variables}\"}}"; 

      byte[] requestData = Encoding.UTF8.GetBytes(body); 
      context.HttpContext.Request.Body = new MemoryStream(requestData); 
      context.HttpContext.Request.ContentType = this.jsonMediaType; 
     } 
    } 
}

註冊吧：

services.AddScoped<RelayResourceFilter>();

，然後應用它像這樣的控制器：

[ServiceFilter(typeof(RelayResourceFilter))] 
    public async Task<ExecutionResult> Post([FromBody]GraphQLQuery query, bool? useErrorCode) 
{ 
var files = this.Request.HasFormContentType ? this.Request.Form.Files : null; 
// ... assignment to Root Object 
}

來源

2016-11-11 18:14:30

您是否在計算如何訪問服務器上解析器中的文件時遇到困難？您可以將文件作爲您的rootObject或userContext傳遞。

// GraphQLController 
var files = Request.Form.Files; 
var userContext = files; 

var result = await executer.ExecuteAsync(
    schema, 
    rootObject, 
    query, 
    operationName, 
    inputs, 
    userContext).ConfigureAwait(false); 

// Mutation type 
Field<StringGraphType>(
    "uploadFile", 
    arguments: new QueryArguments(new QueryArgument<NonNullGraphType<StringGraphType>> {Name = "fileName"}), 
    resolve: context => 
    { 
     var userContext = context.UserContext.As<IFormFileCollection>(); 

     // process files 

     // return data 
     return "success"; 
    });

來源

2016-11-11 16:38:28

感謝您的答覆喬。我實際上最終爲GraphQL端點寫了一個小的ResourceFilter： –

我如何從他的閱讀中讀取查詢？一般來說，我正在讀這樣的'var request = JsonConvert.DeserializeObject （body）;'。然後'request'是包含查詢的對象。如果我上傳的文件內容不是'application/json'。 – kat1330

@ kat1330我會看看接受的答案。您需要檢查媒體類型。另見https://github.com/graphql-dotnet/relay/blob/master/src/GraphQL.Relay/Http/Deserializer.cs –

帶中繼和graphql-dotnet的文件上傳

回答

相關問題