#优质博文 #react #前端 #next #auth
Authorization in Next.js

If you take one thing away from this tutorial, it should be that authorization should be as close as possible to your sensitive data. This means that you should have authorization checks in your API, Service, and Data Access Layers. This is the most important part of your application and should be implemented in a way that is secure and maintainable.

AI 摘要：本文深入探讨了在 Next.js 应用中实现授权的多层次策略，重点围绕 React Server Components 和 Server Actions 展开。作者强调授权应尽可能靠近数据源（如 API 层、服务层和数据访问层），并详细分析了路由、UI 和中间件中的授权实现方案及其权衡，同时指出中间件授权的性能隐患和局限性。

1. 数据访问授权
• 核心原则：授权应在 API 层作为读写操作的第一道防线，通过自定义查询函数和服务端动作（Server Actions）实现。
• 代码示例：
• getPosts 和 createPost 函数中通过 getAuth 校验用户会话，未授权时抛出错误或重定向。
• 使用 cache 优化会话验证性能，避免重复数据库查询。
• 分层架构：
• 服务层：处理业务逻辑和精细权限（如角色/所有者校验）。
• 数据访问层：作为最后防线，但建议权限逻辑集中在服务层。

2. 路由授权
• 页面组件检查：在 Server Component 的入口（如 PostsPage ）调用 getAuthOrRedirect 实现基础防护
• 布局组件优化：
• 通过 AuthLayout 集中管理路由组（如 (authenticated)）的授权，提升开发效率但存在安全风险（恶意用户可能绕过布局直接访问页面）
• 权衡策略：建议结合后端授权（策略1）或在页面组件重复校验（策略2）
• 多角色扩展：如 AdminLayout 实现管理员路由隔离

3. UI 授权
• 根据 useAuth 动态隐藏/禁用 UI 元素（如删除按钮），但强调这仅是辅助手段，核心安全仍需依赖后端校验

4. 中间件授权
• 性能问题：避免中间件中直接查询数据库，仅做轻量级检查（如会话 Cookie 存在性）
• 边缘运行时限制：不支持部分 Node.js 功能（如 Prisma ORM 需适配）
• 建议将关键授权逻辑保留在 API/服务层

author Robin Wieruch

www.robinwieruch.de

Authorization in Next.js

Learn about authorization in Next.js when using React Server Components, Server Actions, and Next's App Router ...

#优质博文 #前端 #astro #auth
Add Auth to Astro 5 with Clerk in 5 Minutes

AI 摘要：这篇文章介绍了如何在 Astro 5 项目中集成 Clerk 以实现用户认证。作者首先强调了 Astro 的内容优先和“岛屿架构”特点，使网站既快速又仅在必要处添加交互性。Clerk 则提供了开箱即用的复杂认证功能，免费额度足够大多数项目使用。集成步骤包括：创建新的 Astro 项目，安装 Clerk，配置 astro.config.mjs ，设置 Clerk API 密钥，添加中间件保护路由，以及在 UI 中使用 Clerk 提供的组件，如 SignedIn 、 SignedOut 、 SignInButton 和 UserButton 。通过这些步骤，开发者可以在约五分钟内为 Astro 项目添加完整的用户认证系统。
via Trevor I. Lasn

Add Auth to Astro 5 with Clerk in 5 Minutes

The simplest setup for adding Clerk authentication to your Astro project, with minimal code

#book #auth #优质博文 #全栈
才看到，mark 一下。
@Manjusaka_Lee: lucia-auth 作者写了一本小册，https://thecopenhagenbook.com 介绍了常见的 Auth 的一些实现，质量非常高。强烈推荐

来源

ps: 我发现引用内容的时候之前搭的 @cosSearchBot 会搜不到，怪，所以先不用引用了。

FxTwitter / FixupX

NadeshikoManju@摇曳露营 S4 制作确定！ (@Manjusaka_Lee)

lucia-auth 作者写了一本小册，https://thecopenhagenbook.com/
介绍了常见的 Auth 的一些实现，质量非常高。强烈推荐

#优质博文 #前端 #后端 #auth #身份验证
How to roll your own auth in JavaScript & TypeScript
比较适合想要独立掌控认证流程的开发者的一篇文章

AI 摘要：本文介绍了如何在JavaScript/TypeScript中构建自定义基于会话的身份验证系统。教程从数据库架构设计开始，涵盖会话和密码管理，包括使用加密库生成会话令牌、验证用户会话和设置安全的Cookie。还详细描述了如何在用户登录、注册、退出时管理会话和密码的加密验证。此方法适用于任何后端框架，具有高度灵活性和控制权，有助于深刻理解认证系统并避免依赖外部服务。

via JavaScript Weekly #711 author Robin Wieruch

www.robinwieruch.de

Authentication in JavaScript & TypeScript

Learn how to roll your own authentication in JavaScript & TypeScript ...