[英]Next-Auth Signout within jwt callback
如果用户在应用程序升级之间登录到应用程序,那么我想在他们下次访问时注销用户。
我正在从package.json
中提取版本并将其存储在 jwt/session 中,以便比较用户从哪个版本进行身份验证以及现在正在运行哪个版本。
// pages/api/auth/[nextauth].ts
const version = require('../../../package.json').version
import NextAuth from 'next-auth'
import { signOut } from 'next-auth/react'
export default NextAuth({
providers: [ /*...*/ ],
session: { strategy: 'jwt' },
callbacks: {
async jwt(props) {
const { token, user, account } = props
const isSignIn = user?.username ? true :false
if(isSignIn) {
token.version = version
// ...
}
if (token?.version !== version) {
await signOut()
return {}
}
return token
},
// ...
}
})
这有效,但它抛出错误
https://next-auth.js.org/errors#jwt_session_error window is not defined {
message: 'window is not defined',
stack: ...
name: 'ReferenceError
}
我知道错误正在抛出,因为我在服务器端调用signOut
function 而它本来是浏览器端window
因此未定义 window 的错误。
如果不尝试使用浏览器端调用(包括对 window 的引用),我还能如何调用signOut
window
?
你不能在我收集的服务器端使用 signOut,但这是我在我的案例中使用的一个技巧。 而是尝试从服务器端注销返回错误代码。
const version = require('../../../package.json').version
import NextAuth from 'next-auth'
import { signOut } from 'next-auth/react'
export default NextAuth({
providers: [ /*...*/ ],
session: { strategy: 'jwt' },
callbacks: {
async jwt(props) {
const { token, user, account } = props
const isSignIn = user?.username ? true :false
if(isSignIn) {
token.version = version
// ...
}
if (token?.version !== version) {
return {
// You can ignore this if you don't need the previous data
...token,
// Return an error code
error: "invalid-version",
}
}
return token
},
// ...
}
})
在安全路由周围创建一个包装器。 您也可以在通用布局中执行此操作。
export const Auth = ({children}) => {
const { data: sessionData } = useSession();
const router = useRouter();
useEffect(() => {
// check if the error has occurred
if (sessionData?.user.error === "invalid-version") {
// Sign out here
signOut();
}
}, [sessionData?.user.error, router]);
return (
<>{children}</>
)
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.