DEV Community
·
什么是 Next.js 中的服务器操作？Next.js 14 版
💡
原文英文，约900词，阅读约需4分钟。
📝
内容提要
服务器操作是 Next.js 中处理数据处理和用户身份验证的后端任务。Next.js 中的 API 路由允许轻松创建自定义服务器端点。服务器操作可以在单独的文件中定义，也可以在服务器组件中定义。客户端组件可以导入和使用服务器操作。服务器操作可以作为属性传递给客户端组件，并从 HTML 元素或事件处理程序中调用。传统的表单处理和数据管理方法严重依赖于客户端机制，而服务器操作通过服务器端执行提供了更好的性能和安全性。服务器操作在 Next.js 13 中是实验性的，但在 Next.js 14 中已被包含。
🎯
关键要点
- 服务器操作是 Next.js 中处理数据处理和用户身份验证的后端任务。
- Next.js 中的 API 路由允许轻松创建自定义服务器端点。
- 服务器操作可以在单独的文件中定义，也可以在服务器组件中定义。
- 客户端组件可以导入和使用服务器操作。
- 服务器操作可以作为属性传递给客户端组件，并从 HTML 元素或事件处理程序中调用。
- 传统的表单处理和数据管理方法严重依赖于客户端机制，而服务器操作通过服务器端执行提供了更好的性能和安全性。
- 服务器操作在 Next.js 13 中是实验性的，但在 Next.js 14 中已被包含。
- 创建 API 路由需要在 pages/api 目录中创建文件，文件名基于所需的端点。
- 在服务器组件中，通过在异步函数顶部添加 'use server' 指令来定义服务器操作。
- 可以在单独的文件中使用模块级 'use server' 指令定义服务器操作，以便更好地组织代码。
- 客户端组件只能导入使用模块级 'use server' 指令的操作。
- 可以将服务器操作作为属性传递给客户端组件，允许客户端组件在需要时触发服务器端操作。
- 服务器操作可以通过 HTML 元素的 action 属性或事件处理程序调用。
- 传统方法依赖于客户端机制，导致未充分利用服务器组件的潜力。
- 服务器操作在 Next.js 13 中是实验性的，需要在 next.config.js 文件中启用实验功能，而在 Next.js 14 中可以直接使用。
➡️
