修复 Next.js 身份验证实施中的 Node.js“加密”模块边缘运行时问题

使用替代方法修复 Next.js 中“加密”模块的 Edge 运行时问题

该解决方案利用 Next.js 和 MongoDB 的模块化和优化的后端脚本来安全地处理凭证。

import { NextAuthConfig } from "next-auth";
import Credentials from "next-auth/providers/credentials";
import bcrypt from "bcrypt";
// Import MongoDB client separately to avoid edge runtime issues
import { connectToMongoDB } from "./lib/db";

// Modular configuration for authentication
const authConfig = {
  providers: [
    Credentials({
      credentials: {
        email: { label: "Email", type: "text" },
        password: { label: "Password", type: "password" }
      },
      async authorize(credentials) {
        const { db } = await connectToMongoDB();
        const user = await db.collection("users").findOne({ email: credentials.email });
        if (!user) throw new Error("User not found");
        const isPasswordValid = bcrypt.compareSync(credentials.password, user.password);
        if (!isPasswordValid) throw new Error("Invalid credentials");
        return { name: user.name, email: user.email };
      }
    })
  ]
};

export default authConfig;

通过无服务器安全 MongoDB 集成实现 Auth.js

该脚本将 MongoDB 与无服务器安全方法集成，以避免 Next.js 中的 Edge 运行时错误。

import NextAuth from "next-auth";
import authConfig from "./auth.config";
import { MongoDBAdapter } from "@auth/mongodb-adapter";
import clientPromise from "./lib/db";

export default async function auth(req, res) {
  const handlers = await NextAuth({
    adapter: MongoDBAdapter(clientPromise),
    session: { strategy: "jwt" },
    ...authConfig
  });
  return handlers(req, res);
}

用于验证凭据处理的单元测试脚本

该脚本使用 Jest 确保凭证验证逻辑的稳健测试。

import { authorize } from "./auth.config";

test("Valid credentials return user object", async () => {
  const mockCredentials = { email: "test@example.com", password: "password123" };
  const mockUser = { name: "Test User", email: "test@example.com" };
  const user = await authorize(mockCredentials);
  expect(user).toEqual(mockUser);
});

test("Invalid credentials throw error", async () => {
  const mockCredentials = { email: "test@example.com", password: "wrongpassword" };
  await expect(authorize(mockCredentials)).rejects.toThrow("Invalid credentials");
});

关于 Next.js 身份验证挑战和解决方案的常见问题解答

1. Next.js 中的 Edge 运行时是什么？
2. Edge Runtime 是一个针对低延迟应用程序优化的轻量级环境。但是，它对某些 Node.js 模块有限制，例如“crypto”。
3. 为什么 MongoDB 会导致 Auth.js 出现问题？
4. 使用 MongoDBAdapter 时，边缘兼容环境中的直接数据库连接可能会与运行时约束发生冲突。将 MongoDB 连接包装在全局 clientPromise 中可以解决此问题。
5. 怎么样 bcrypt.compareSync 在脚本中工作？
6. 此功能将明文密码与哈希密码进行比较以进行身份​​验证，确保安全的用户验证。
7. 使用 JWT 会话策略有什么优势？
8. 基于 JWT 的会话将会话数据安全地存储在客户端上，减少服务器依赖性并提高可扩展性。
9. 如何测试身份验证逻辑？
10. 使用 Jest 为有效和无效凭据编写单元测试。例如，模拟数据库调用并验证错误处理流程。

简化身份验证的关键要点

在边缘兼容环境中将 NextAuth 与 MongoDB 集成需要深思熟虑的设计以避免运行时错误。采用模块化结构可确保无缝数据库连接并简化调试。强调错误处理和单元测试可以进一步增强应用程序的安全性。 💡

最终，通过直接解决运行时约束并实施现代框架的最佳实践，可以构建一个安全、可扩展的系统。开发人员可以自信地使用这些策略来克服常见陷阱并增强用户身份验证流程。有了这些解决方案，您的应用程序将在所有环境中可靠地运行。