9

我的网络应用程序正在使用：

  • NextJS
  • NextAuth.js
  • 阿波罗服务器

我在我的应用程序中设置了 NextAuth，我可以正常登录。

问题来自试图在 Apollo 上下文中访问用户会话。我想将我的用户会话传递给每个解析器。这是我当前的代码：

import { ApolloServer, AuthenticationError } from "apollo-server-micro";
import schema from "./schema";
import mongoose from "mongoose";
import dataloaders from "./dataloaders";
import { getSession } from "next-auth/client";

let db;

const apolloServer = new ApolloServer({
  schema,
  context: async ({ req }) => {
    /*
    ...

    database connection setup
    
    ...
    */

    // get user's session
    const userSession = await getSession({ req });
    console.log("USER SESSION", userSession); // <-- userSession is ALWAYS null


    if (!userSession) {
      throw new AuthenticationError("User is not logged in.");
    }

    return { db, dataloaders, userSession };
  },
});

export const config = {
  api: {
    bodyParser: false,
  },
};

export default apolloServer.createHandler({ path: "/api/graphql" });

问题是，会话 ( userSession) 始终为空，即使我已登录（并且可以从适当的 NextJS API 路由中很好地获取会话）。我的猜测是，因为用于获取会话的 NextAuth 函数getSession({ req })正在被传递——req它是由 Apollo Server Micro 提供的，而不是来自 NextJS（NextAuth 所期望的）。我做了很多搜索，找不到遇到同样问题的人。任何帮助深表感谢！

4

2 回答 2

7

我确实遇到了这个问题，我发现这是因为 Apollo GraphQL 游乐场。

没有 . Playground 不会发送凭据"request.credentials": "include"。

我的 NextAuth / GraphQL API 如下所示：

import { ApolloServer } from "apollo-server-micro";
import { getSession } from "next-auth/client";
import { typeDefs, resolvers } "./defined-elsewhere"

const apolloServer = new ApolloServer({
  typeDefs,
  resolvers,
  context: async ({ req }) => {
    const session = await getSession({ req });
    return { session };
  },
  playground: {
    settings: {
      "editor.theme": "light",
      "request.credentials": "include",
    },
  },
});

希望这对你有用！

于 2021-02-21T23:29:53.997 回答
2

我刚刚遇到了类似的事情。我不是 100% 确定，因为很难知道确切的细节，因为上面的示例代码没有显示在会话作为 null之前你是如何从客户端与 apollo 交互的。但是，我相信您可能正在从内部进行 API 调用，getStaticProps这会导致静态代码生成并在构建时运行- 即当可能不存在此类用户上下文/会话时。

见https://github.com/nextauthjs/next-auth/issues/383

The getStaticProps method in Next.js is only for build time page generation (e.g. for generating static pages from a headless CMS) and cannot be used for user specific data such as sessions or CSRF Tokens.

同样，我不确定您为什么被否决-即使答案主要是标准的rtm :)，问imo 似乎也是一个合法的问题。我以前也在这里发生过——你赢了一些，你输了一些:)干杯

于 2021-01-29T03:23:38.467 回答