程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了自定义会话下一个 js 下一个身份验证大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决自定义会话下一个 js 下一个身份验证?

开发过程中遇到自定义会话下一个 js 下一个身份验证的问题如何解决?下面主要结合日常开发的经验,给出你关于自定义会话下一个 js 下一个身份验证的解决方法建议,希望对你解决自定义会话下一个 js 下一个身份验证有所启发或帮助;

在迁移我的 Js 文件 jo tsx 时遇到问题,我正在做的是使用凭据登录并将会话用户自定义为我的用户数据

// API/auth/[...nextauth].Js

import NextAuth from "next-auth";
import ProvIDers from "next-auth/provIDers";
import { ConnectDatabase } from "../../../lib/db";
import { Vertifypassword } from "../../../lib/password";
import { getSELEctedUser } from "../../../Helpers/database";
import { MongoClIEnt } from "mongodb";
import { NextAPIrequest } from "next";

interface credentialsData {
 data: String | number;
 password: String;
}
export default NextAuth({
 session: {
   jwt: true,},callBACks: {
   async session(session) {
     const data = await getSELEctedUser(session.user.email);
     session.user = data.userData;

// insIDe data.userdata is a object
// {
//   _ID: '60a92f328dc04f58207388d1',//   email: 'user@user.com',//   phone: '087864810221',//   point: 0,//   role: 'user',//   accountstatus: 'false'
// }
     return Promise.resolve(session);
   },provIDers: [
   ProvIDers.Credentials({
     async authorize(credentials: credentialsData,req: NextAPIrequest) {
       let clIEnt;
       try {
         clIEnt = await ConnectDatabase();
       } catch (error) {
         throw new Error("Failed connet to database.");
       }

       const checkEmail = await clIEnt
         .db()
         .collection("users")
         .findOne({ email: credentials.data });
       const checkPhone = await clIEnt
         .db()
         .collection("users")
         .findOne({ phone: credentials.data });

       let valIDData = {
         password: "",email: "",};

       if (!checkEmail && !checkPhonE) {
         clIEnt.close();
         throw new Error("Email atau No HP tIDak terdaftar.");
       } else if (checkEmail) {
         valIDData = checkEmail;
       } else if (checkPhonE) {
         valIDData = checkPhone;
       }

       const checkpassword = await Vertifypassword(
         credentials.password,valIDData.password
       );
       if (!checkpassword) {
         clIEnt.close();
         throw new Error("password Salah.");
       }
       clIEnt.close();

// insIDe valIDData is a object
// {
//   _ID: '60a92f328dc04f58207388d1',//   accountstatus: 'false'
// }

       return valIDData;
     },}),],});
// as default provIDer just return session.user just return email,name,and image,but I want custom the session.user to user data what I got from dababase

这在客户端

// index.tsx

export const getServerSIDeProps: GetServerSIDeProps<{
  session: Session | null;
}> = async (context) => {
  const session = await getSession({ req: context.req });

  if (session) {
    if (session.user?.role === "admin") {
      return {
        redirect: {
          desTination: "/admin/home",peRMANent: false,};
    }
  }
  return {
    props: {
      session,};
};

但在客户端我收到警告

Property 'role' does not exist on type '{ name?: String; email?: String; image?: String; 

实际上我的文件仍然可以正常工作,但是当我的文件为 Js 格式时,它不会发出这样的警告

有人可以帮我解决吗?

解决方法

不确定您是否找到了解决方法,但您还需要配置 jwt 回调!这是我的一个项目的示例:

wc_Stripe_payment_metadata

解释事情。 jwt 函数总是在 session 之前运行,所以你传递给 jwt token 的任何数据都可以在 session 函数上使用,你可以用它做任何你想做的事情。在 jwt 函数中,我检查是否有用户,因为这仅在您登录时返回数据。

大佬总结

以上是大佬教程为你收集整理的自定义会话下一个 js 下一个身份验证全部内容,希望文章能够帮你解决自定义会话下一个 js 下一个身份验证所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。