npm i @habx/apollo-multi-endpoint-link new ApolloClient({
link: ApolloLink.from([
new MultiAPILink({
endpoints: {
housings: 'https://housings.api',
projects: 'https://projects.api',
...
},
createHttpLink: () => new HttpLink({ ... }),
}),
])
}) new MultiAPILink(config, request)| Parameter | Description | Default | Required |
|---|---|---|---|
| endpoints | Dictionary of endpoints | Yes | |
| createHttpLink | Function to generate http link like apollo-link-http | Yes | |
| createWsLink | Function to generate wsLink like apollo-link-ws | No | |
| wsSuffix | Suffix added to endpoint for subscriptions queries | /graphql/subscriptions | No |
| httpSuffix | Suffix added to endpoint for http queries | /graphql | No |
| getContext | Callback function called to set custom context like headers | No |
query projectList @api(name: projects) {
projects {
nodes {
id
name
}
}
}Sometimes you might need to set custom apollo link context like headers for authentication purpose.
This link allows it by doing as following.
new MultiAPILink({
getContext: (endpoint) => {
if (endpoint === 'yourendpoint-with-auth') {
return ({
headers: {
'Authorization': 'xxxx',
}
})
}
return {}
},
...
})We wrote an article about how we did this link if you want more details
![dependabot-preview[bot] avatar](https://avatars.githubusercontent.com/in/2141?v=4 "dependabot-preview[bot]")
![habx-auto-merge[bot] avatar](https://avatars.githubusercontent.com/in/48466?v=4 "habx-auto-merge[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent