GraphQL Secure Web 插座帶快遞

Question

我正在使用 graphql 訂閱創建 Express、Nuxt（SPA，基本上是 Vue）、GraphQL 網站。 我的 web sockets 僅通過 http 支持，這是非常不幸的。 我不知道如何使用 wss://mydomain/graphql/subscriptions。 當我嘗試生成 my.crt 和 .key 並在 localhost:3000 上運行它時，我收到此錯誤：ERR_SSL_VERSION_OR_CIPHER_MISMATCH。 我不確定 openssl 證書是否正確，但我嘗試了 10 個指南，但它們都不適合我。

此外，我正在將此 web 部署到 Heroku，如果這有什么不同的話。 （當我使用這個“https”配置推送到 heroku 時，網站甚至沒有加載）。

還有一件事：我正在使用 graphql-compose-mongose 來生成我的模式，因此使用 Apollo 是不可能的（我認為），因為它需要 TypeDef 和解析器。

這是我的代碼。 對於客戶端上的套接字，我使用“graphql-subscriptions-client”。

const consola = require("consola");
const {Nuxt, Builder} = require("nuxt");
const cors = require("cors");
const {SubscriptionServer} = require("subscriptions-transport-ws");
const {execute, subscribe} = require("graphql");
// const {createServer} = require("http");
const {createServer} = require("https");
const {graphiqlExpress, graphqlExpress} = require("graphql-server-express");
const bodyParser = require("body-parser");


const fs = require("fs");
const path = require("path");

const server = express();

// Import and Set Nuxt.js options
const config = require('../nuxt.config.js');
config.dev = process.env.NODE_ENV !== 'production';

// GraphQL schema
const schema = require("./graphql/schema");

async function start() {
  // Init Nuxt.js
  const nuxt = new Nuxt(config);

  const {host, port} = nuxt.options.server;

  // accept clients
  server.use('*', cors({origin: `https://${host}:${port}`}));

  // setup graphql server
  server.use('/graphql', bodyParser.json(), graphqlExpress({schema}));
  server.use('/graphiql', graphiqlExpress({
    endpointURL: '/graphql',
    subscriptionsEndpoint: `wss://${host}:${port}/subscriptions`
  }));

  // database connection
  await require("./database/connection");

  // generate GraphQL schema
  await require("../scripts/buildSchema");

  await nuxt.ready();
  // Build only in dev mode
  if (config.dev) {
    const builder = new Builder(nuxt);
    await builder.build()
  }

  // Give nuxt middleware to express
  server.use(nuxt.render);

  // wrap express server in web socket
  const serverOptions = {
    cert: fs.readFileSync(path.resolve(__dirname, './mydomain.crt')),
    key: fs.readFileSync(path.resolve(__dirname, './mydomain.key'))
  };


  // const webSocket = createServer(server);
  const webSocket = createServer(server, serverOptions);

  // start server
  webSocket.listen(port, () => {
    consola.ready({
      message: `Server listening on https://${host}:${port}`,
      badge: true
    });

    // Set up the WebSocket for handling GraphQL subscriptions
    new SubscriptionServer({
      execute,
      subscribe,
      schema
    }, {
      server: webSocket,
      path: '/subscriptions',
    });
  });
}

start();

謝謝您的回答。

Answer 1

原來 Heroku 不提供免費的 SSL。 它的費用為 20 美元/月。 所以這不能免費完成。