代码之家 › 专栏 › 技术社区 › coderPanz

NextAuth无法登录并在写入回调后显示超时

next-auth next.js13 javascript

-1

coderPanz · 技术社区 · 2 年前

在Next.js 13中,我使用Next-auth进行登录验证。在里面 app\api\auth\[...nextauth]\route.js 我写了这个代码:

const authOptions = NextAuth({
   providers: [
    GithubProvider({
      clientId: process.env.GITHUB_ID,
      clientSecret: process.env.GITHUB_SECRET,
      httpOptions: {
        timeout: 10000,
      },
    }),
    // ...add more providers here
  ],

  callbacks: {
    async signIn({ profile }) {
       try {
         // connect database
         await connectToDB()

         // Check if the user exists
         const userExists = await User.findOne({
           email: profile.email,
         });

         // If the user does not exist, create a new user
         if(!userExists) {
           await User.create({
             email: profile.email,
             username: profile.name.replace(" ", "").toLowerCase(),
             image: profile.avatar_url,
             bio: profile.bio.toString()
           })
         }

         // Successful login returns true
         return true

       } catch (error) {
         console.log(error)
         return false
       }
    }
  }

})


export { authOptions as GET, authOptions as POST };

在登录组件中


import { useSession, signIn, signOut } from "next-auth/react"

<div onClick={() => signIn()}></div>

单击登录时出错

enter image description here

当我还没有写“回调”配置时,我可以正常登录。为什么会这样?

1 回复 | 直到 2 年前

1

-4

Rahul Kant Jha 2 年前

如果您在使用NextAuth.js时遇到超时问题,特别是在编写回调函数后,有几个潜在的原因和解决方案需要探讨:

异步/等待错误 :确保您的回调函数,例如 signIn , callback 和 session ,是使用 async 关键字。如果这些函数执行任何异步操作,它们应该 异步 和使用 await 必要时。

// Example of an async callback function
export default NextAuth({
  providers: [
    // ...
  ],
  callbacks: {
    async signIn(user, account, profile) {
      // Async operations here
      return true;
    },
    // ...
  },
});

增加超时值 :如果问题仍然存在,您可以在NextAuth.js配置中增加超时值。在NextAuth.js文件中,添加 一场 带有的配置选项 maxAge 属性以延长会话超时。此外,如果回调函数正在进行远程API调用,则可以增加它们的超时值。

export default NextAuth({
  // ...
  session: {
    maxAge: 60 * 60 * 24, // Set the session timeout in seconds (e.g., 24 hours)
  },
  callbacks: {
    // Increase timeout for callback functions
    async signIn(user, account, profile) {
      // Increase the timeout here
      return true;
    },
    // ...
  },
});

检查外部服务 :如果回调函数正在与外部服务(例如,数据库、API)交互,请确保这些服务已启动并响应。超时可能是由于这些外部服务中的延迟。
日志记录和调试 :将日志记录和错误处理添加到回调函数中,以帮助诊断问题。请检查服务器日志,并检查回调执行过程中可能发生的任何错误消息或异常。
中间件与速率限制 :如果您在应用程序中使用任何中间件或速率限制,请确保它不会干扰回调函数。如有必要,调整配置。
网络问题 :超时问题也可能是由网络问题引起的。请确保承载NextAuth.js应用程序的服务器具有稳定可靠的网络连接。
检查是否存在弃用或兼容性问题 :检查您使用的NextAuth.js版本是否存在任何弃用或兼容性问题。更新NextAuth.js可能会解决这个问题。
使用本地环境进行测试 :创建一个本地开发环境来测试您的NextAuth.js设置,而不需要生产环境的变量或复杂性。这有助于确定问题是否特定于您的生产设置。
安全问题 :确保没有影响身份验证过程的安全问题,例如潜在的中间人攻击或其他安全漏洞。
社区和文档 :请查看NextAuth.js社区和文档,了解与编写回调函数后超时有关的任何报告问题或解决方案。可能有一些具体的解决方案或讨论会有所帮助。

在将更改应用于生产系统之前,请记住要将其记录下来,并在受控环境中进行彻底测试。身份验证问题的故障排除可能很复杂,因此必须有条不紊地逐步解决问题,以确定并解决根本原因。