不使用“GraphQL”的NestJS GraphQL订阅

Question

我正在尝试升级我们的NestJS GraphQL订阅服务器，以利用graphql-ws而不是当前的subscriptions-transport-ws (如NestJS文档所建议的)。我将NestJS版本升级到

    "@nestjs/core": "^8.0.6",
    "@nestjs/graphql": "^9.0.4",
    "@nestjs/platform-express": "^8.0.6",
    "graphql": "^15.5.3",
    "graphql-tools": "^8.2.0",
    "apollo-server-express": "^3.3.0",

之后，我将subscriptions选项添加到App.Module中

    GraphQLModule.forRoot({
      autoSchemaFile: true,
      sortSchema: true,
      playground: true,
      installSubscriptionHandlers: true,
      subscriptions: {
        'graphql-ws': true
      },
    }),

但是，当我(在操场上)订阅以前工作过的订阅时，我得到：

{
  "error": "Could not connect to websocket endpoint ws://localhost:8880/graphql. Please check if the endpoint url is correct."
}

在控制台里我得到：

WebSocket protocol error occured. It was most likely caused due to an unsupported subprotocol "graphql-ws" requested by the client. graphql-ws implements exclusively the "graphql-transport-ws" subprotocol, please make sure that the client implements it too.

我尝试过的事情：

• 添加graphql-ws包
• 再次升级NestJS版本
• 从配置中删除installSubscriptionHandlers选项
• 设置graphql-ws信任而不是传递true
• 使用WebSocket Test Client Google扩展而不是游乐场

但都没有奏效。很抱歉寄了这么长的邮筒。我怎么才能解决这个问题？

Answer 1

在阿波罗服务器3发布时，GraphQL游乐场或阿波罗资源管理器还不支持GraphQL库中使用的协议。

请参阅这里

只有在通过操场与订阅交互对您没有多大用处的情况下使用graphql才是明智的，而且您可以只从您自己的客户端与订阅交互，该客户端已经设置为使用graphql。

设置您的客户端使用graphql与阿波罗。见这里。

Answer 2

这将完成以下工作：

subscriptions: {
    'graphql-ws': true,
    'subscriptions-transport-ws': true,
  },

正如在文档中提到的

提示 您还可以>同时使用两个包(订阅-transport和graphql)，例如，为了实现向后兼容性。