使用 GraphQL 和 Hot Choclate 将 IDictionary<string, object> 序列化为动态 JSON

Question

我正在将 Hot Chocolate(GraphQL) 添加到现有的 ASP.Net 具有 Web API 的核心项目，并重用 Web API 使用的模型。其中一个模型有一个 IDictionary 属性序列化为动态 JSON with Web API.

模特

public class Theme
{
    ...
    public IDictionary<string, object> Styles { get; set; }
    ...
}

通过网络 API 可以序列化为

{
  ...
  styles: {
    header: {
      color: "#fff", 
      background: "rgba(255, 255, 255, 0)", 
      boxShadow: "", position: "fixed"},
      ...
    },
    borderRadius: "4px",
    ...
  }
  ...
}

对于 Hot Chocolate，我正在重用模型并在启动时添加 GraphQL

services.AddGraphQL(sp => SchemaBuilder.New()
    .AddServices(sp)
    .AddQueryType(d => d.Name("Query"))
    ...
    .AddType<Theme>()
    .Create());

生成的模式变为

type Theme {
  ...
  styles: [KeyValuePairOfStringAndObject!]
  ...
}

并且只能检索密钥

{
  themes(...) {
    edges {
      node {
        name
        styles{
          key
        }
      }
    }
  }
}

具有以下响应

{
  "themes": {
    "edges": [
      {
        "node": {
          ...
          "styles": [
            {
              "key": "header"
            },
            {
              "key": "borderRadius"
            },
            ...
          ]
        }
      }
    ]
  }
}

我想设置 Hot Chocolate 以便能够编写一个 GraphQL 查询来提供与 Web 相同的动态结果 API。

更新

源是一个 JSON 字符串，它被反序列化为 Dictionary with

var jsonString = "{\"header\":{\"color\":\"#fff\"},\"borderRadius\":\"4px\"}";

theme.Styles = JsonConvert.DeserializeObject<Dictionary<string, object>>(jsonString);

问题是生成的字典没有递归序列化为 Dictionary。

Answer 1

Hot Chocolate 有一个用于动态数据结构的 AnyType。但是默认情况下 AnyType 不是从类型中隐式推断出来的。

这里基本上有两种选择。使用属性在您的类型上声明类型（或者对流利的 API 做同样的事情）。

纯代码优先：

public class Theme
{
    ...
    [GraphQLType(typeof(AnyType))]
    public IDictionary<string, object> Styles { get; set; }
    ...
}

模式类型的代码优先：

public class ThemeType : ObjectType<Theme> 
{
    protected override void Configure(IObjectTypeDescriptor<Theme> descriptor)
    {
        descriptor.Field(t => t.Styles).Type<AnyType>();
    }
}

或者，您可以说在您的模式中所有 IDictionary<string, object> 都是任何类型，在这种情况下您不需要显式定义类型：

services.AddGraphQL(sp => SchemaBuilder.New()
    .AddServices(sp)
    .AddQueryType(d => d.Name("Query"))
    ...
    .AddType<Theme>()
    .BindClrType<IDictionary<string, object>, AnyType>()
    .Create());

希望对您有所帮助。

使用 GraphQL 和 Hot Choclate 将 IDictionary<string, object> 序列化为动态 JSON

Serialize an IDictionary<string, object> with GraphQL and Hot Choclate to a dynamic JSON

asp.net

graphql

hotchocolate