如何在flutter中设置演示客户端以实现图-ql集成

Question

我对graph-ql了解不多，需要一个可以运行的演示设置。我被卡住了，不知道如何设置客户端，谁能解释一下如何在这个给定的代码中设置客户端：

https://github.com/zino-app/graphql-flutter/blob/master/example/lib/main.dart

 Client(
        endPoint: 'https://api.github.com/graphql',
        cache: InMemoryCache(),
        apiToken: '<YOUR_GITHUB_PERSONAL_ACCESS_TOKEN>',
      ),

另外，什么是ReadRepositories？

String readRepositories = """
  query ReadRepositories {
    viewer {
      repositories(last: 50) {
        nodes {
          id
          name
          viewerHasStarred
        }
      }
    }
  }
"""
    .replaceAll('\n', ' ');

Answer 1

static HttpLink httpLink = HttpLink(
  uri: 'https://api.github.com/graphql',
);

final AuthLink authLink = AuthLink(
  getToken: () async => 'Bearer <YOUR_PERSONAL_ACCESS_TOKEN>',
);

final Link link = authLink.concat(httpLink as Link);

ValueNotifier<GraphQLClient> client = ValueNotifier(
  GraphQLClient(
    cache: InMemoryCache(),
    link: link,
  ),
);

用于GraphQlProvider的Call query用户查询方法。

Query(
  options: QueryOptions(document: readRepositories, pollInterval: 1),
  builder: (QueryResult result, {VoidCallback refetch}) {
    if (result.loading) {
      return Center(child: CircularProgressIndicator());
    }
    if (result.errors != null) {
      return Text(result.errors.toString());
    }
    if (result.data == null) {
      return Center(child: Text("No Data Found !"));
    }
    // After getting response, return your result 
      return YourWidget();
    },
);