Question

使用GraphQLHub我可以针对黑客新闻的前三个新闻项运行此查询：

{
  hn {
    topStories(limit: 3) {
      title
      url
      timeISO
      by {
        id
      }
    }
  }
}

如何将此查询导出（或转换）为JSON？是否有这样的npm包？

我看到有graphql-to-json但看起来您需要将.js文件传递给此文件，而不是像上面那样的原始查询。

Answer 1

有很多方法可以做到这一点，但一个简单的实现方法是使用JS对象映射查询，然后使用JSON.stringify()序列化

如果您可以以字符串形式访问上述查询，那么您可以执行我所说的内容。 AFAIK，如果在JS环境中不是一个字符串而不是像GraphiQL这样的IDE，那么查询就会爆炸。

let QueryStore = {}

const getHNTopStoriesQuery = `
    query getHNTopStories {
        hn {
            topStories(limit: 3) {
                title
                url
                timeISO
                by {
                id
                }
            }
        }
    }
`   

const addQuery = (queryToAdd, queries) => {
    let key = queryToAdd.trim().split(' ')[1]
    let queryEntry = {}
    queryEntry[key] = queryToAdd

    return Object.assign({}, queries, queryEntry)
}

const queryToGraphiQLQueryString = query => {
    let lines = query.trim().split('\n')
    let queryLines =lines.slice(1, -1).map(line => line.trim())

    return encodeURIComponent(`{${queryLines.join(' ')}}`)
}

// Add Query to Store
QueryStore = addQuery(getHNTopStoriesQuery, QueryStore)

// Get a GraphiQL URI query string of a Query
let qs = queryToGraphiQLQueryString(QueryStore['getHNTopStories'])
console.log(qs)

// Print a prettified JSON of the QueryStore
console.log(JSON.stringify(QueryStore, null, 2))

将GraphiQL查询转换为JSON

1 个答案: