protecting routes in next js with middleware + next-auth(使用中间件+Next-auth保护Next JS中的路由)

转载 作者：bug小助手 更新时间：2023-10-25 14:47:23 31 4

export { default } from "next-auth/middleware";

export const config = {
    matcher: "/room/:id*"
};

import NextAuth from "next-auth";
import GoogleProvider from "next-auth/providers/google";
import { PrismaClient } from "@prisma/client";
import { generateRandomString } from "@/utils/random";

const prisma = new PrismaClient();

const handler = NextAuth({
    providers: [
        GoogleProvider({
            clientId: process.env.GOOGLE_CLIENT_ID!,
            clientSecret: process.env.GOOGLE_CLIENT_SECRET!,
            authorization: {
                params: {
                    prompt: "consent",
                    access_type: "offline",
                    response_type: "code"
                }
            }
        })
    ],
    secret: process.env.JWT_SECRET!,
    callbacks: {
        async signIn({ user, profile }) {
            const existingUser = await prisma.user.findUnique({
                where: { email: user.email! }
            });

            if (!existingUser) {
                const randomSuffix = generateRandomString();
                const firstName = user.name?.split(" ")[0].toLocaleLowerCase();
                await prisma.user.create({
                    data: {
                        email: user.email!,
                        name: user.name!,
                        username: `${firstName}#${randomSuffix}`,
                        image: user.image || profile?.image || null
                    }
                });
            }

            return true;
        },

        async jwt({ token, user }) {
            if (user) {
                token.id = user.id;
            }

            return token;
        }
    }
});

export { handler as GET, handler as POST };

31 4 0

• java - 如何修改a的字段的字段....如link.next.next.next(.next*n) n次

  这个问题已经有答案了: How to modify a public field of a field of a field… As in link.next.next.next(.next*n) n

• java - 如何修改一个字段的一个公共(public)字段...如link.next.next.next(.next*n) n次

  我有一个保存链接的数组。每个链接都有一个名为 next 的公共(public)字段，它可以保存另一个链接，该链接可以保存更多链接等。当我想删除东西时我可以做 array[x].next = array

• javascript - Koa中，中间件中的await next()、return await next()、return next()、next()有什么区别？

  文档概述了在中间件中使用“await next()”的用例，导致中间件暂停并触发下游的下一个中间件，直到所有中间件都执行完毕，此时上游级联将开始并且中间件将完整执行。如果用户想要缩短级联，那么单独写“

• next.js - 将 next 的输出文件夹从 "_next"重命名为 "next"

  我今天遇到了一个用例，我试图让我的 nextjs 应用程序在 android webview 中工作，不幸的是 android 不解析以 _next 开头的路径并且我的大部分块文件都在_next/st

• javascript - 使用 .eq(3) 而不是 .next().next().next()

  关闭。此题需要details or clarity 。目前不接受答案。 想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题. 已关闭 8 年前。 Improve th

• next.js - next.js 中的 apollo-client with `next-with-apollo` VS next.js 文档常见问题解答中显示的方法(不使用 `getDataFromTree` )

  next-with-apollo npm 库和 the approach shown in next.js docs 中选择的“next.js 中的 apollo-client”方法对比. next.

• next.js - 如何使用 next-auth 在 Next.js 中实现凭据授权？

  我尝试使用 next-auth 获取凭据身份验证，但我没有使用它的经验，无论我做什么，我都会收到以下消息:[next-auth][error][callback_credentials_jwt_err

• next.js - 如何使用 next.js 和 next-i18next 本地化路由？

  更改语言时需要更改路线名称。例如，我有一条路线 /en/career但是当我改成捷克语时，我需要一条路线 /cs/kariera .基本上我需要本地化 URL。现在，当我在 /en/career 上时

• jQuery(this).find ('title' ).next().next().next().eq(0).text();?

  更好/优雅的方法是什么？ jQuery(this).find('title').next().next().next().eq(0).text(); //THIS WORKS 我尝试使用 jQuery

• java - 链表中的节点、node.next 和 node.next.next 是什么？

  我只是对 node 感到好奇。 node.next 和 node.next。到目前为止，我们已经了解到节点有两个部分，其中存储数据和下一个节点的地址(node.next)，然后是 node.next.

• javascript - jQuery: "$(this).next().next()"有效，但 "$(this).next(' .div')"无效

  好的，我正在尝试单独隐藏这组信息。 这有效: $(".arrow").click(function() { $(this).next().next().slideToggle(); }); Mo

• deployment - Next.js 中的 `next export` 和 `next build` 有什么区别？

  我开发了一个 Web 应用程序，它使用 Nextjs 应用程序作为前端和一个 Python (Django) API 服务器作为后端。我的大多数前端页面都有对后端服务器的 API 调用(在 Compo

• protecting routes in next js with middleware + next-auth(使用中间件+Next-auth保护Next JS中的路由)

  如果我没有通过身份验证，我正在尝试使用NextJS中间件保护一些路由，我正在使用Next-auth进行身份验证，从文档中看，这就是MIDDLEWAR.TS文件应该是什么样子。Rn的问题是，即使当我通过

• javascript - 在 next.config.js 中同时添加对 next-css 和 next-less 的支持

  我正在使用 nextJs，需要添加对 less 和 css 的支持。我想要一个项目同时拥有 next-css 和 next-less 。但它一次接受一个。这是我正在使用的 const withCSS

• typescript - 不支持通过 'next.config.ts' 的错误 : Configuring Next. js。请将文件替换为 'next.config.js'

  我正在构建下一个项目的 typescript 。如果我将此配置文件保留为 next.config.js , 我在 tsconfig.json 收到警告说“找不到next.config.ts”。所以 t

• django - 无法解析 ?next= 值来自 http ://login/? next=/my_page/使用 request.GET.get ('next' ,'' )

  我有一个自定义登录网址/ View /模板。我对页面使用 @login_required 装饰器(让 称为 my_page) 需要登录。试图访问 my_site.com/my_page 正确调用 my

• ruby - 为什么 Ruby 中的 `next` 方法会引发 SyntaxError 而 `next!` 或 `self.next` 不会在猴子修补 String 类时引发语法错误？

  下面的代码工作正常: class String def foo next! end end puts 'hh'.foo # hi 这个也很好用: class String d

• Next-auth session immediately becomes unauthenticated after successful login in a Next.js app(成功登录到Next.js应用程序后，Next-auth会话立即变为未经身份验证)

  我在我的Next.js应用程序中使用Next-auth进行身份验证。成功登录后，我立即被重定向到登录页面，表明该会话已变为未经身份验证。。相关代码片段：。_app.tsx：。Layout.tsx：。L

• next.js - Next js中具有多个参数的动态路由 - 文件结构

  我想在 nextjs 中创建动态页面以匹配以下路由 users/[user]/[dashboard]。我的文件结构 pages/ users/ -[user].js // will

• next.js - 如何设置 next.js？

  我直接按照官网的步骤操作: https://nextjs.org/docs/ 第一步。 npm install --save next react react-dom 步骤 2. 将脚本添加到 pac