Next-Auth.js v4 中的 `getSession()`：如何在 Next.js 13 中使用？

2024-03-14 03:44:50

在 Next.js 13 中使用 Next-Auth.js v4 中的 getSession()

引言

Next-Auth.js 是一款备受推崇的 Next.js 库，可用于在 Next.js 应用程序中实现身份验证和授权。在 Next-Auth.js v4 中，getSession() 函数是获取当前用户会话的关键。本博客文章将指导你如何在 Next.js 13 中正确使用 getSession()，并分享一些常见问题和解决方案。

安装与配置 Next-Auth.js

安装 Next-Auth.js
```
npm install next-auth
```

配置 Next-Auth.js

在你的 pages/api/[...nextauth].ts 文件中，配置 Next-Auth.js，如下所示：

import NextAuth from "next-auth"
import CredentialsProvider from "next-auth/providers/credentials"

const authOptions = {
  providers: [
    CredentialsProvider({
      name: "Credentials",
      credentials: {
        username: { label: "Username", type: "text" },
        password: { label: "Password", type: "password" }
      },
      async authorize(credentials) {
        // 在此查询你的数据库以验证用户
      }
    })
  ],
  session: {
    strategy: "jwt"
  },
  secret: process.env.SECRET,
  callbacks: {
    async session({ session, token }) {
      // 将用户详细信息添加到会话中
      session.user.id = token.uid
      return session
    }
  }
}

export default NextAuth(authOptions)

获取当前用户会话

使用 getSession() 函数从 HTTP 请求中获取当前用户会话：

import { getSession } from "next-auth/react"

export default async function getServerSideProps(context) {
  const session = await getSession(context)
  if (!session) {
    return {
      redirect: {
        destination: "/login",
        permanent: false
      }
    }
  }

  return {
    props: { session }
  }
}