如何缩小graphQL代码自动生成的Typescript类型？
GraphQL是一种用于API开发的查询语言和运行时环境。它允许客户端通过发送查询请求来精确获取所需的数据，从而减少了网络传输的数据量和次数，提高了应用程序的性能和效率。
在使用GraphQL进行开发时，通常会使用自动生成的Typescript类型来确保类型安全。然而，由于GraphQL的灵活性和强大的查询能力，自动生成的Typescript类型可能会变得冗长和复杂。为了缩小这些自动生成的类型，可以采取以下几种方法：
- 使用GraphQL的接口和联合类型：GraphQL允许定义接口和联合类型，这样可以将多个类型组合在一起，减少生成的类型数量。通过合理使用接口和联合类型，可以将相似的类型合并为一个共享的接口或联合类型。
- 使用GraphQL的片段：GraphQL的片段可以用来定义可重用的字段集合，从而减少重复的类型定义。通过将常用的字段集合定义为片段，然后在查询中引用这些片段，可以减少生成的类型中的重复字段。
- 使用GraphQL的自定义标量类型：GraphQL允许定义自定义标量类型，用于表示特定的数据格式。通过将一些常用的数据格式定义为自定义标量类型，可以减少生成的类型中的重复字段。
- 使用GraphQL的枚举类型：GraphQL的枚举类型可以用于表示一组固定的值。通过将一些常用的枚举值定义为枚举类型，可以减少生成的类型中的重复字段。
- 使用GraphQL的输入类型：GraphQL的输入类型可以用于表示输入参数的类型。通过将一些常用的输入参数定义为输入类型，可以减少生成的类型中的重复字段。
- 使用GraphQL的自定义指令：GraphQL的自定义指令可以用于在查询中添加额外的元数据。通过使用自定义指令，可以在生成的类型中添加一些额外的信息，从而减少生成的类型中的重复字段。
总结起来，缩小GraphQL代码自动生成的Typescript类型的方法包括使用接口和联合类型、使用片段、使用自定义标量类型、使用枚举类型、使用输入类型和使用自定义指令。通过合理使用这些方法，可以减少生成的类型中的冗余字段，使代码更加简洁和易于维护。
腾讯云提供了一系列与GraphQL相关的产品和服务，例如云函数SCF（https://cloud.tencent.com/product/scf）、API网关（https://cloud.tencent.com/product/apigateway）和Serverless Framework（https://cloud.tencent.com/product/sls）。这些产品和服务可以帮助开发者更好地构建和管理GraphQL应用程序。
相关·内容
官方的graphql指南和howtographql教程都没有指定一致的类型存储/层次结构。
来自 的
GraphQL模式最基本的组件是对象类型。
..。
模式中的大多数类型只是普通的对象类型，但是在模式中有两种类型是特殊的:查询、突变。我的便条：这里他们忘了订阅
..。
除了作为模式的“入口点”之外，查询和突变类型与任何其他GraphQL对象类型是相同的，它们的字段的工作方式完全相同。
..。
这就是标量类型出现的地方:它们表示查询的叶子
..。
枚举类型是一种特殊的标量。
..。
对象类型、标量和枚举是您可以在GraphQL中定义的唯一类型。my note：这并不完全正确，因为枚举是特殊的
浏览 2提问于2018-11-09得票数 0
回答已采纳
我想重写Hasura生成的graphql模式中的特定字段的jsonb类型，并通过graphql代码生成器运行。
我有一个类型为jsonb的customList字段。它用于包含一个json对象数组。当使用带有TypeScript插件的graphql代码生成器时，生成的类型解析为any。我试图弄清楚如何仅针对该特定字段使用自定义类型来覆盖该类型。
下面的代码片段显示了graphql模式的相关部分，以及目标的graphql类型重写。到目前为止，我尝试过的每一件事都会导致码元错误。
GraphQl模式
//schema.json
...
{
"kind": &#
浏览 17提问于2019-11-29得票数 5
1回答
我正在尝试使用graphql和mongodb创建身份验证服务。我已经创建了我的登录突变，接受电子邮件和密码。我正在使用bcrypt对密码进行散列和解压缩。
这不是导入问题，也不是mongodb问题，而是graphql问题。
const UserType = new GraphQLObjectType({
name: 'User',
fields: () => ({
id: {type: GraphQLID},
username: {type: GraphQLString},
email: {type: Gra
浏览 1提问于2019-02-17得票数 1
回答已采纳
我正在尝试使用片段来重用我的graphql代码，但是它不起作用，尽管在使用片段代码之前工作得很好。
我的代码就是这样的
fragments.js
import gql from 'graphql-tag';
export const postFragment = gql`
fragment PostData on postsConnection {
edges {
node {
id
title
date
浏览 0提问于2019-01-03得票数 0
回答已采纳
1回答
在我的数据库中，Event字段都由字符串数组动态填充，而有些字段则手动填充文本(无数组)。当我执行我的查询时，只有一个字符串(而不是数组中的字符串)填充的结果显示为null。
模式中的字段是：Event: [String]
GraphQL中是否有一种方法可以同时分配字符串和字符串类型的字段？我尝试了以下操作，但得到了一个语法错误：
union test = [String] | String
Event: test
注意:手动分配的那些不在数组中。
浏览 0提问于2018-10-20得票数 5
假设我们有一个使用继承的GraphQL模式：
Query {
maintenanceEvents: [MaintenanceEvent]!
}
interface MaintenaceEvent {
time: DateTime
}
type OilChange implements MaintenanceEvent {
time: DateTime
oilType: OilType
}
type TireRotation implements MaintenanceEvent {
time: DateTime
pattern: RotationPattern
}
浏览 4提问于2020-02-08得票数 0
回答已采纳
1回答
阿波罗图形修改输入数据
、、、
在阿波罗服务器中，可以使用模式指令来实现这样的解析器中间件：
adminGetUsers(getUsersPL: GetUsersPL!): [User] @hasRole(role: "ADMIN")
@hasRole(role: "ADMIN")是一个中间件，可以防止任何非管理员用户使用这种突变。
那么如何净化/转换输入数据呢？例如,
getUser(userId: String! @transform): [User]
@transform将接受userId作为散列id (即：xyfd)，并将其转换为编号ID (即：12)。当然，这种语法是不允许的。基本上
浏览 1提问于2019-10-18得票数 1
回答已采纳
假设我有一个页面生成器字段，它引用了许多不同类型的内容块。
视频
报价
广告
等等。
据我所读，在数组中使用多个类型是不可取的。
但在这种情况下你还能做什么？
有办法在GraphQL中处理这个问题吗？
有更好的方法来构造数据吗？
浏览 1提问于2018-08-30得票数 11
2回答
我试图为用户定义的GraphQL查询的响应编写反序列化代码。代码可以访问JSON序列化形式的查询响应和底层GraphQL模式(通过查询端点的schema.json或发出内省请求)。
假设以下模式：
scalar Date
type User {
name: String
birthday: Date
}
type Query {
allUsers: [User]
}
schema {
query: Query
}
以及以下查询：
query {
allUsers {
name
birthday
}
}
响应可
浏览 10提问于2020-06-29得票数 3
我是GraphQL的新手，希望能够在查询中使用GraphQL名称的变量。
我尝试过使用标准的$语法，但没有成功。
工作查询：
query Tryptych($section: SectionsEnum = home) {
enGB: entries(section: [$section], site: "enGB") {
... on Home {
tryptych {
...tryptychFields
}
}
}
}
我想要做的是：
query Tryptych($section: SectionsEnum =
浏览 0提问于2019-06-20得票数 1
2回答
是否可以使用现有接口构建graphql查询？或者我们应该写两次相同的代码)
例如
interface Post {
id: string;
title: string;
...
然后在查询中写入相同的字段
query allPosts {
posts {
id
title
...
有没有办法写成这样的东西？
query allPosts {
posts: Post[]
浏览 13提问于2020-02-24得票数 0
回答已采纳
在用GraphQL编写JavaScript库时，我偶然发现了一种奇怪的行为。我在一个非常简单的例子中成功地隔离了它。让我们以这个服务器片段为例：
const { ApolloServer, gql } = require("apollo-server")
const typeDefs = gql`
type Book {
resolveItSelf: String
}
type Query {
book: Book
}
`
const resolvers = {
浏览 1提问于2020-01-03得票数 1
回答已采纳
我最近开始研究使用GraphQL请求动态数据配置的可能性。我首先想到的是GraphQL的强类型概念。
GraphQL模式有没有办法处理混合类型对象的数组？我将非常感谢你的解释，或者我可以阅读的参考资料。
我目前正在使用带有Node.js的GraphQL，但稍后的实现将在Java Container之外实现。所有数据都将从MongoDB中提取JSON。
浏览 1提问于2015-12-12得票数 8
我正在尝试通过apollo-cli ()为我的graphql标记查询生成typescript定义。并且它们不会为模板字符串中包含${}中的变量的查询生成。有没有办法让它工作呢？
对于标记函数，我使用了一个自定义模块()。我已经在选项中将标记设置为$gql.tag。它成功地为没有任何变量的查询生成类型。
我尝试寻找一种方法来提供自定义解析器，这样我就可以执行模板字符串并获得原始值。在阿波罗客户端中有没有等同于的东西。
这是代码片段：
const docType = {
PRODUCT: 'Product',
};
const query = $gql.tag`
qu
浏览 0提问于2019-08-09得票数 1
1回答
payload字段可以是Int或String标量类型。当我像联合类型一样写它的时候：
const schema = `
input QuickReply {
content_type: String
title: String
payload: Int | String
image_url: String
}
`
我得到一个错误：
GraphQLError: Syntax Error GraphQL request (45:18) Expected Name, found |
44: title: String
45:
浏览 2提问于2018-04-18得票数 21
回答已采纳
我是一个初学者，试图用阿波罗-快车和prisma建立一个graphql
一切都进行得很顺利，但我决定使用这个库来添加输入验证:graphql-约束-指令。
它要求我使用makeExecutableSchema来构建我的模式，这样我就可以使用schemaDirectives参数。
启动服务器的代码如下：
const server = new ApolloServer({
typeDefs,
resolvers,
context: ({req}) => {
const userId = getUserID(req);
return {
浏览 1提问于2019-09-02得票数 2
回答已采纳
这两者之间有什么显著的区别吗？我对从运行时和启动性能到特性和工作流差异的任何东西都感兴趣。文档在解释差异方面做得很差，我应该在什么时候使用其中一种而另一种。
两个版本中的示例：
buildSchema
const { graphql, buildSchema } = require('graphql');
const schema = buildSchema(`
type Query {
hello: String
}
`);
const root = { hello: () => 'Hello world!' };
graphql(
浏览 0提问于2018-12-31得票数 47
回答已采纳
1回答
我在用graphql编写API时遇到了一些困难。
我的api中的每个响应应该看起来都是一样的。因此，理想情况下，这将是graphql类型：
type Response {
success
data {
... always different
}
errors {
path
message
}
}
但是因为这里的数据字段总是不同的。每个突变/查询都应该有自己的响应类型(如果我正确理解graphql的话)。
因此，对于Login，这是我用转换器函数创建的类型：
type LoginResponse {
success
data {
us
浏览 1提问于2018-12-13得票数 1
回答已采纳
后端定义了名为Date的自定义标量类型，它是一个ISO8601字符串。
在前端中，"GraphQL代码生成器“()用于从模式生成类型记录类型。
codegen.yml看起来如下所示：
overwrite: true
schema: 'http://mybackenurl/graphql'
documents: 'src/**/*.graphql'
generates:
src/generated/graphql.ts:
config:
exposeQueryKeys: true
ex
浏览 2提问于2021-10-01得票数 5
回答已采纳
在我的项目中我使用graqhql。我在.graphql文件中定义了我所有的graphql类型。我有一个products.graphql，其中我想定义产品类型，如下所示：
input ProductInput {
label: String
title: String!
description: String!
imageUrl: String!
productCategory: Electronics | Food | Toy // this line doesn't work
}
type Product {
id: ID!
浏览 1提问于2022-10-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
