NextJS 为客户端和服务器组件保存用户信息和令牌（来自外部 API）

Question

我正在 NextJS 中开发一个新的 Web 应用程序，它有客户端和服务器组件。用户数据被发送到现有的 API（在 .NET 中）。我必须保存登录用户的信息，例如name、id 和 token，因此可以在外部 API 调用的标头中使用并显示在站点的标头中。

有人可以指导我如何保存此信息，以便两种类型的组件都可以使用它吗？

谢谢

Answer 1

我建议使用 NextAuth (https://next-auth.js.org/getting-started/example)。

有了这个，您可以完全管理用户的身份验证状态。听起来您使用电子邮件作为您的凭据提供者。除了电子邮件之外，您还可以在会话令牌中存储任何其他与用户相关的属性（例如 userId）。可以通过以下方式访问此令牌：

服务器端：

  const session = await getServerSession(authOptions);

客户端（确保您使用会话提供程序）：

  const { data: session, status } = useSession()