如何在NextAuth谷歌/GitHub登录时传递role参数并设置用户角色？

你当前的写法无法生效，因为signIn里传递的role参数不会被OAuth流程传递到Provider的profile回调中——Google/GitHub的OAuth接口不会返回自定义的role字段，所以profile.role永远是undefined，只会使用默认的User。

下面给出两种可行的解决方案：

方案一：利用OAuth的state参数传递Role #

1. 修改signIn调用，将Role放入state #

await signIn("google", {
  callbackUrl: "/seller/dashboard",
  redirect: true,
  // 把Role转成JSON字符串放入state
  state: JSON.stringify({ role: "Seller" })
});

2. 在NextAuth配置中解析state并设置Role #

修改你的NextAuth主配置，通过signIn回调获取state里的Role，同时在jwt和session回调中确保Role能被前端获取：

export default NextAuth({
  providers: [
    Google({
      clientId: process.env.GOOGLE_CLIENT_ID as string,
      clientSecret: process.env.GOOGLE_CLIENT_SECRET!,
      profile(profile) {
        return {
          id: profile.sub,
          name: `${profile.given_name} ${profile.family_name}`,
          email: profile.email,
          role: "User" // 先设默认值
        };
      },
    }),
    // GitHub Provider可参照相同逻辑配置
  ],
  callbacks: {
    async signIn({ user, account }) {
      // 解析state中的自定义参数
      const state = account?.state ? JSON.parse(account.state) : {};
      if (state.role) {
        user.role = state.role; // 覆盖默认Role
      }
      return true;
    },
    // 将Role存入JWT
    async jwt({ token, user }) {
      if (user) token.role = user.role;
      return token;
    },
    // 将Role同步到Session，前端可通过useSession获取
    async session({ session, token }) {
      if (session.user) session.user.role = token.role;
      return session;
    }
  }
});

方案二：通过临时Cookie传递Role #

如果不希望用state参数（比如担心URL暴露参数），可以用临时Cookie传递：

1. 调用signIn前设置临时Cookie #

// 用原生方法或js-cookie库设置临时Cookie
document.cookie = "temp_role=Seller; path=/; max-age=1800"; // 30分钟过期
await signIn("google", { callbackUrl: "/seller/dashboard" });

2. 在signIn回调中读取并设置Role #

export default NextAuth({
  providers: [/* 你的Google/GitHub配置 */],
  callbacks: {
    async signIn({ user, req, res }) {
      // 从请求中读取临时Cookie
      const tempRole = req.cookies.temp_role;
      user.role = tempRole || "User";
      // 删除临时Cookie
      res.setHeader(
        "Set-Cookie",
        "temp_role=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT"
      );
      return true;
    },
    // 同样需要配置jwt和session回调同步Role
    async jwt({ token, user }) {
      if (user) token.role = user.role;
      return token;
    },
    async session({ session, token }) {
      if (session.user) session.user.role = token.role;
      return session;
    }
  }
});

注意事项 #

• state参数会被编码到URL中，不要传递敏感信息；
• GitHub Provider的处理逻辑和Google完全一致，只需替换Provider配置即可；
• 必须在jwt和session回调中同步Role，否则前端无法从useSession中获取到Role值。

内容的提问来源于stack exchange，提问作者Fakhrul Islam Fuad