Session 由于[…nextuth.ts]被触发重新编译,NextJS和Nextuth会话用户对象丢失
我正在学习NextJS和Nextuth,并用我自己的登录页面实现了凭据登录,它在会话对象包含我的用户模型的地方工作(目前包含所有内容,包括密码,但显然不会一直这样) 我可以刷新页面并维护会话,但是如果我离开一两分钟,然后刷新会话中的用户对象,则该对象将成为默认对象,即使我的会话在下个月之前不会过期 下面是我的[…nextuth.tsx]文件Session 由于[…nextuth.ts]被触发重新编译,NextJS和Nextuth会话用户对象丢失,session,next.js,phpstorm,credentials,next-auth,Session,Next.js,Phpstorm,Credentials,Next Auth,我正在学习NextJS和Nextuth,并用我自己的登录页面实现了凭据登录,它在会话对象包含我的用户模型的地方工作(目前包含所有内容,包括密码,但显然不会一直这样) 我可以刷新页面并维护会话,但是如果我离开一两分钟,然后刷新会话中的用户对象,则该对象将成为默认对象,即使我的会话在下个月之前不会过期 下面是我的[…nextuth.tsx]文件 import NextAuth, {NextAuthOptions} from 'next-auth' import Providers from 'nex
import NextAuth, {NextAuthOptions} from 'next-auth'
import Providers from 'next-auth/providers'
import { PrismaClient } from '@prisma/client'
import {session} from "next-auth/client";
let userAccount = null;
const prisma = new PrismaClient();
const providers : NextAuthOptions = {
site: process.env.NEXTAUTH_URL,
cookie: {
secure: process.env.NODE_ENV && process.env.NODE_ENV === 'production',
},
redirect: false,
providers: [
Providers.Credentials({
id: 'credentials',
name: "Login",
async authorize(credentials : any) {
const user = await prisma.users.findFirst({
where: {
email: credentials.email,
password: credentials.password
}
});
if (user !== null)
{
userAccount = user;
return user;
}
else {
return null;
}
}
})
],
callbacks: {
async signIn(user, account, profile) {
console.log("Sign in call back");
console.log("User Is");
console.log(user);
if (typeof user.userId !== typeof undefined)
{
if (user.isActive === '1')
{
console.log("User credentials accepted")
return user;
}
else
{
return false;
}
}
else
{
console.log("User id was not found so rejecting signin")
return false;
}
},
async session(session, token) {
//session.accessToken = token.accessToken;
if (userAccount !== null)
{
session.user = userAccount;
}
console.log("session callback returning");
console.log(session);
return session;
},
/*async jwt(token, user, account, profile, isNewUser) {
console.log("JWT User");
console.log(user);
if (user) {
token.accessToken = user.token;
}
return token;
}*/
}
}
const lookupUserInDb = async (email, password) => {
const prisma = new PrismaClient()
console.log("Email: " + email + " Password: " + password)
const user = await prisma.users.findFirst({
where: {
email: email,
password: password
}
});
console.log("Got user");
console.log(user);
return user;
}
export default (req, res) => NextAuth(req, res, providers).
我从我的自定义表单触发签名,如下所示
signIn("credentials", {
email, password, callbackUrl: `${window.location.origin}/admin/dashboard`, redirect: false }
).then(function(result){
if (result.error !== null)
{
if (result.status === 401)
{
setLoginError("Your username/password combination was incorrect. Please try again");
}
else
{
setLoginError(result.error);
}
}
else
{
router.push(result.url);
}
console.log("Sign in response");
console.log(result);
});
从下一个身份验证/客户端导入登录
My_app.js如下:
export default function Blog({Component, pageProps}) {
return (
<Provider session={pageProps.session}>
<Component className='w-full h-full' {...pageProps} />
</Provider>
)
}
当我登录时,[…nextuth.tsx]中会话的回调将返回以下内容:
session callback returning
{
user: {
userId: 1,
registeredAt: 2021-04-21T20:25:32.478Z,
firstName: 'Some',
lastName: 'User',
email: 'someone@example',
password: 'password',
isActive: '1'
},
expires: '2021-05-23T17:49:22.575Z'
}
session callback returning
{
user: { name: null, email: 'someone@example.com', image: null },
expires: '2021-05-23T17:49:24.840Z'
}
session: {
jwt: true,
maxAge: 30 * 24 * 60 * 60
}
async session(session, token) {
//session.accessToken = token.accessToken;
console.log("Session token");
console.log(token);
if (userAccount !== null)
{
session.user = userAccount;
}
else if (typeof token !== typeof undefined)
{
session.token = token;
}
console.log("session callback returning");
console.log(session);
return session;
}
然后,出于某种原因,从PhpStorm内部运行npm run dev
的终端会输出
event - build page: /api/auth/[...nextauth]
wait - compiling...
event - compiled successfully
但我没有改变任何东西,即使我改变了,当然,我对应用程序进行了更改,也不应该触发会话被删除,但在此之后,会话回调会立即返回以下内容:
session callback returning
{
user: {
userId: 1,
registeredAt: 2021-04-21T20:25:32.478Z,
firstName: 'Some',
lastName: 'User',
email: 'someone@example',
password: 'password',
isActive: '1'
},
expires: '2021-05-23T17:49:22.575Z'
}
session callback returning
{
user: { name: null, email: 'someone@example.com', image: null },
expires: '2021-05-23T17:49:24.840Z'
}
session: {
jwt: true,
maxAge: 30 * 24 * 60 * 60
}
async session(session, token) {
//session.accessToken = token.accessToken;
console.log("Session token");
console.log(token);
if (userAccount !== null)
{
session.user = userAccount;
}
else if (typeof token !== typeof undefined)
{
session.token = token;
}
console.log("session callback returning");
console.log(session);
return session;
}
所以我有点困惑,似乎我的代码正在工作,但可能PhpStorm触发了重新编译,然后会话被清除,但正如我上面所说的,肯定是在进行更改,重新编译的版本不应该触发要修改的会话
**更新**
我做了一个测试,在那里我做了一个构建,开始的是一个生产版本,我可以根据需要刷新页面并维护会话,因此我已经证明我的代码工作正常。因此,它似乎与PhpStorm有关,确定某些内容已更改,并在没有更改的情况下进行重新编译。我终于找到了解决方案 在提供程序选项中,我添加了以下内容:
session callback returning
{
user: {
userId: 1,
registeredAt: 2021-04-21T20:25:32.478Z,
firstName: 'Some',
lastName: 'User',
email: 'someone@example',
password: 'password',
isActive: '1'
},
expires: '2021-05-23T17:49:22.575Z'
}
session callback returning
{
user: { name: null, email: 'someone@example.com', image: null },
expires: '2021-05-23T17:49:24.840Z'
}
session: {
jwt: true,
maxAge: 30 * 24 * 60 * 60
}
async session(session, token) {
//session.accessToken = token.accessToken;
console.log("Session token");
console.log(token);
if (userAccount !== null)
{
session.user = userAccount;
}
else if (typeof token !== typeof undefined)
{
session.token = token;
}
console.log("session callback returning");
console.log(session);
return session;
}
我将会话回调更改为以下内容:
session callback returning
{
user: {
userId: 1,
registeredAt: 2021-04-21T20:25:32.478Z,
firstName: 'Some',
lastName: 'User',
email: 'someone@example',
password: 'password',
isActive: '1'
},
expires: '2021-05-23T17:49:22.575Z'
}
session callback returning
{
user: { name: null, email: 'someone@example.com', image: null },
expires: '2021-05-23T17:49:24.840Z'
}
session: {
jwt: true,
maxAge: 30 * 24 * 60 * 60
}
async session(session, token) {
//session.accessToken = token.accessToken;
console.log("Session token");
console.log(token);
if (userAccount !== null)
{
session.user = userAccount;
}
else if (typeof token !== typeof undefined)
{
session.token = token;
}
console.log("session callback returning");
console.log(session);
return session;
}
jwt回调如下所示:
async jwt(token, user, account, profile, isNewUser) {
console.log("JWT Token User");
console.log(token.user);
if (typeof user !== typeof undefined)
{
token.user = user;
}
return token;
}
基本上,我误解了我需要使用jwt回调,在第一次调用这个回调时,使用了从signIn回调设置的用户模型,以便我可以将其添加到令牌中,然后可以将其添加到会话回调中的会话中
在对jwt的后续请求中,用户参数未设置,因此我将令牌用户对象设置为未定义,这就是我的会话被取消的原因
我不明白为什么在作为生产版本运行时,我似乎没有看到这种行为。重建应用程序的不是IDE,而是从
npm run dev
开始的、监视文件更改的构建过程是出于某种原因触发的。IDE影响这一点的唯一方法是保存文件,但根据您的说法,您不会更改任何内容。请注意,IDE通常会在失去焦点时自动保存文件,但那些未更改的文件不会被保存。嗨@lena,我不久前才发现自己没有更改任何文件,我的浏览器始终保持焦点,并且没有在其他任何地方打开任何文件(我在Windows和MacOS上都有这个,所以这不是操作系统的问题)它很难成为IDE。在任何情况下,它都不会重新保存未更改的文件(即使您显式调用Save All)我知道它现在不是IDE,这只是一个猜测,直到我弄清楚下一个dev命令是如何工作的。正如我在IDE外部的终端上运行npm run dev时测试的一样,IDE关闭了,我仍然有这个问题。所以我对下一个dev命令有问题,它不应该编译,即使它编译了,su重新编译不应触发会话清除,因为这将使开发实际上不可能。