1. 简介
2. 为什么要使用下一个auth？
3. 什么是路线处理程序？
4. 如何设置下一个auth
5. 如何使用下一个auth
使用路由处理程序
6. 结论

1引入

next.js是一个JavaScript框架，使开发人员能够创建在服务器上运行的前端Web应用程序。这是一个易于使用的基于React的框架，并提供了许多功能，例如服务器端渲染，代码分配和静态导出。
Next.js还拥有一个名为Next Auth的身份验证软件包，可轻松将身份验证添加到Next.js应用程序中。在本教程中，我们将向您展示如何使用Next Auth和Next.js 13创建使用基本身份验证的服务器端渲染React应用程序。

2-为什么使用下一个auth？

Next Auth是Next.js应用程序的安全身份验证系统。它基于JSON Web令牌（JWT），并为Next.js应用程序提供身份验证和授权。

3-什么是路线处理程序？

在Next.js 13中，路由处理程序是一项新功能，允许开发人员使用Web请求和响应API为给定路由创建自定义请求处理程序。路由处理程序是Next.js。

4-H-H-How要设置下一个auth

要在Next.js应用程序中设置NextAuth，您需要按照几个步骤进行操作。首先，您需要创建一个称为
的文件 route.js 在 app/api/auth/[... NextAuth] 目录中。该文件包含NextAuth的动态路由处理程序。

接下来，您需要配置身份验证提供商。 NextAuth支持广泛的提供商，包括Google，Facebook，Twitter等。您可以通过设置适当的环境变量或将其作为选项传递给您的NextAuth配置中的提供商数组来配置提供商。
这是如何将Google配置为NextAuth中的身份验证提供商的示例：

// app/api/auth/[...nextauth]/route.js

import NextAuth from 'next-auth'
import GoogleProvider from 'next-auth/providers/google'

export const options={
    GoogleProvider({
         clientId: process.env.GOOGLE_CLIENT_ID,
         clientSecret: process.env.GOOGLE_CLIENT_SECRET,
      })
}

const handler=NextAuth(options)

export {handler as GET , handler as POST}

5-高 - 如何使用下一个auth的路线处理程序

import {options} from "app/api/auth/[...nextauth]/route.js"
import {getServerSession} from "next-auth/next"

async function page(){
  const session = await getServerSession(options)
  console.log(session.user)
}

六，结论

我有6分钟的视频，希望如果您喜欢视频，请不要忘记订阅并点击“喜欢”按钮。

链接

YOUTUBE

GITHUB

LinkedIn