如何使用模拟graphql API和外部服务的graphql端点
我希望听到这里的专家们的一些意见。 我目前正在从事NextJS项目,我的graphql正在另一个repo中设置的模拟数据上运行。 现在后端是由其他开发人员构建的,他们正在慢慢地从模拟数据转移到真实数据。 他们给了我一个后端的端点,我应该在那里查询数据。 因此,我们的目标是使模拟graphql数据和后端中的真实数据并排工作,至少在我们完全删除模拟数据之前是这样。 到目前为止,我已经看到了两种实现方法,但我正在寻找一种仍然可以使用像useQuery和useMutation这样的钩子的方法 路#1 路#2 伪代码:如何使用模拟graphql API和外部服务的graphql端点,graphql,next.js,react-apollo,Graphql,Next.js,React Apollo,我希望听到这里的专家们的一些意见。 我目前正在从事NextJS项目,我的graphql正在另一个repo中设置的模拟数据上运行。 现在后端是由其他开发人员构建的,他们正在慢慢地从模拟数据转移到真实数据。 他们给了我一个后端的端点,我应该在那里查询数据。 因此,我们的目标是使模拟graphql数据和后端中的真实数据并排工作,至少在我们完全删除模拟数据之前是这样。 到目前为止,我已经看到了两种实现方法,但我正在寻找一种仍然可以使用像useQuery和useMutation这样的钩子的方法 路#1 路
require('isomorphic-fetch');
fetch('https://graphql.api....', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ query: `
query {
popularBrands ( storefront:"bax-shop.nl", limit:10, page:1){
totalCount
items{id
logo
name
image
}
}
}`
}),
})
.then(res => res.json())
.then(res => console.log(res.data));
const client = new ApolloClient({
uri: 'https://api.spacex.land/graphql/',
cache: new InMemoryCache()
});
async function test () {
const { data: Data } = await client.query({
query: gql`
query GetLaunches {
launchesPast(limit: 10) {
id
mission_name
launch_date_local
launch_site {
site_name_long
}
links {
article_link
video_link
mission_patch
}
rocket {
rocket_name
}
}
}
`
});
console.log(Data)
}