我正在尝试使用apollo websockets检查互联网连接,这样做的目的是在没有连接时显示一条“you‘s disconnected”消息,以防止用户键入并假定更改已保存(更改应保存在type中),以下是apollo link-ws设置的一部分
const wsLink = new WebSocketLink({
uri: `ws://${hostname}${port ? `:${port}` : ''}/subscriptions`,
options: {
reconnect: true,
connectionParams: () => ({
authorization: localStorage.getItem('accelerator-token')
})
}
});
和
const hasSubscriptionOperation = ({ query: { definitions } }) =>
definitions.some(
({ kind, operation }) =>
kind === 'OperationDefinition' && operation === 'subscription'
);
下面是客户端配置:
const client = new ApolloClient({
link: ApolloLink.split(
hasSubscriptionOperation,
wsLink,
ApolloLink.from([
cleanTypenameLink,
authMiddleware,
errorLink,
stateLink,
createUploadLink()
])
),
cache
});
发布于 2018-06-17 10:31:19
经过一些搜索之后,我发现我可以从订阅-传输-ws中使用SubscriptionClient
export const myClient = new SubscriptionClient(`ws://${hostname}${port ?
`:${port}` : ''}/subscriptions`, {
reconnect: true,
connectionParams: () => ({
authorization: localStorage.getItem('accelerator-token')
})
});
myClient.onConnected(()=>{console.log("connected f client f onConnected")})
myClient.onReconnected(()=>{console.log("connected f client f
reconnected")})
myClient.onReconnecting(()=>{console.log("connected f client f
reconnecting")})
myClient.onDisconnected(()=>{console.log("connected f client f
onDisconnected")})
myClient.onError(()=>{console.log("connected f client f onError")})
export const wsLink = new WebSocketLink(myClient);
这些方法可用于检测网络状态
发布于 2019-03-05 08:31:01
如果您正在使用React,我发现了这个很好的社区包react-apollo-network-status
https://stackoverflow.com/questions/50887793
复制相似问题