Apollo-link: WebSocketLink가 구성된 후에는 구독 사용자를 식별할 수 없습니다.

웹 소켓에 연결된 사용자를 식별하는 데 문제가 있습니다. 이 문제를 재현하는 방법은 다음과 같습니다.

1) 새 클라이언트를 만들고 connectionParams 로 WebSocketLink 를 구성합니다.

    const wsLink = new WebSocketLink({ 
      uri: `ws://localhost:3333`, 
      options: { 
        connectionParams: {
          lazy: true,
          authToken: localStorage.getItem('token')
        }
      } 
    });

이 시점에서 사용자는 로그인하지 않았으며 토큰이 없습니다. lazy 가 true로 설정되어 있기 때문에 websocket도 아직 연결되지 않았습니다. 사용자가 로그인한 후 첫 번째 구독이 전송될 때까지 연결되지 않습니다.

사용자가 로그인하고 연결되면 이 값은 사용자가 로그인한 후가 아니라 클라이언트가 구성될 때 설정되었기 때문에 authToken 는 null입니다.

    subscriptionServer.onConnect = params => {
      console.log('connected: ', params.authToken) // null
    }

쿼리 및 변형은 연결 링크를 통해 승인됩니다.

const httpLink = new HttpLink({ uri: GRAPHQL_ENDPOINT })
const authLink = new ApolloLink((operation, forward) => {
    const token = localStorage.getItem('token')
    if (token) {
        operation.setContext({
            headers: {
                authorization: `bearer ${token}`
            }
        })
    }
    return forward(operation)
})

const httpAuthLink = authLink.concat(httpLink)

사용자가 로그인한 후 요청이 전송되면 token 가 authorization 헤더에 추가되기 때문에 이 방법으로 사용자를 식별할 수 있습니다. WebSocketLink 연결 매개변수의 문제 사용자가 로그인하기 전에 클라이언트를 구성할 때 토큰을 읽는다는 것입니다.