Passportを使ってUser Login機能を追加する（認証編）

const app = express();
app.use(express.json());
app.use(
  session({
    secret: process.env.SESSION_SECRET,
    resave: false,
    saveUninitialized: false,
    cookie: {
      secure: process.env.NODE_ENV === "production",
      httpOnly: true,
      maxAge: 24 * 60 * 60 * 1000, // 24 hours
    },
    store: new PrismaSessionStore(db, {
      checkPeriod: 5 * 60 * 1000, // ms
      dbRecordIdIsSessionId: true,
      dbRecordIdFunction: undefined,
      sessionModelName: "userSession"
    })
  })
);

app.use(passport.initialize()); // Passportの初期化
app.use(passport.session()); // セッションベースの認証有効化

app.post("/api/auth/signup", handleUserSignup);
app.post("/api/auth/login", handleUserLogin);

// Initialize Passport and restore authentication state from session
app.use(passport.initialize());
app.use(passport.session());

// Configure Passport authentication strategy
configurePassport();

export const configurePassport = function () {
  const strategy = new LocalStrategy(async function verify(
    username,
    password,
    done
  ) {
    try {
    // データベースから入力されたユーザー名と一致するユーザーを取得 
      const user = await db.user.findUnique({
        where: { username },
        select: {
          id: true,
          name: true,
          username: true,
          password: true,
        },
      });
      // ユーザーが存在しない場合は、エラーを返すが、
      // ブルートフォース攻撃を防ぐためにパスワードが間違っている場合と同じエラーメッセージを返す
      if (!user) {
        return done(null, false, {
          message: "Incorrect username or password.",
        });
      }
      // パスワードが間違っている場合は、エラーを返す
      const isValid = await verifyPassword(password, user.password);
      if (!isValid) {
        return done(null, false, {
          message: "Incorrect username or password.",
        });
      }
      // パスワードが正しい場合は、ユーザーを返す
      // この際に、パスワードを除外する！
      // _は特定のプロパティを除外する。パスワード以外をsafeUserとして受け取ってreturnする
      const { password: _, ...safeUser } = user;
      return done(null, safeUser);
    } catch (error) {
      return done(error);
    }
  });
  passport.use(strategy);

  // Serialize user for the session
  passport.serializeUser((user: any, done) => {
    done(null, user.id);
  });

  // Deserialize user from the session
  passport.deserializeUser(async (id: string, done) => {
    try {
      const user = await db.user.findUnique({
        where: { id },
        select: {
          id: true,
          name: true,
          username: true,
        },
      });
      done(null, user);
    } catch (error) {
      done(error);
    }
  });
};

// Initialize Passport and restore authentication state from session
app.use(passport.initialize());
app.use(passport.session());
// Configure Passport authentication strategy and set up session serialization
configurePassport();

// auth Login
app.post("/api/auth/signup", handleUserSignup);
app.post("/api/auth/login", local, handleUserLogin);

const userLoginMutation = useMutation({
    mutationFn: userLogin,
    onSuccess: () => {
      queryClient.invalidateQueries(["all-challenges"]);
      queryClient.invalidateQueries(["user-challenges"]);
      navigate(`/`);
    },
    onError: (error: { message: string }) => {
      setAlert({
        message: error.message || "Registration failed",
        severity: "error",
      });
    },
  });

  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
    event.preventDefault();
    const data = new FormData(event.currentTarget);
    const username = data.get("email-or-username")?.toString();
    const password = data.get("password")?.toString();

    const errors = {
      username: !username ? "Username is required" : "",
      password: !password ? "Password is required" : "",
    };
    setFormErrors(errors);
    if (username && password && !errors.username && !errors.password) {
      userLoginMutation.mutate({ username, password });
    }
  };