DEV Community
·
使用 unjs 的 h3 入门指南
内容提要
Modern Express.jsh3 是由 unjs 团队开发的 express.js 替代品，使用 TypeScript 构建。本文介绍如何使用 pnpm 初始化项目并安装 h3，创建基本文件结构和服务器。通过 h3 的 createApp 和 createRouter 函数创建应用和路由，定义 GET 请求路径 / 的响应。运行 pnpm 后，服务器将在端口 3000 提供服务。未来可以扩展为 Node.js 服务器或添加中间件。
关键要点
-
Modern Express.jsh3 是 unjs 团队开发的 express.js 替代品，使用 TypeScript 构建。
-
使用 pnpm 初始化项目并安装 h3，创建基本文件结构和服务器。
-
通过 h3 的 createApp 和 createRouter 函数创建应用和路由。
-
定义 GET 请求路径 / 的响应，返回消息 'Tadaa!'。
-
运行 pnpm 后，服务器将在端口 3000 提供服务。
-
未来可以扩展为 Node.js 服务器或添加中间件。
延伸解读
h3 的优势与 TypeScript 的结合
Modern Express.jsh3 是一个基于 TypeScript 的框架，提供了类型安全的开发体验。这意味着开发者在编写代码时可以获得更好的错误检查和代码提示，从而提高开发效率。对于熟悉 TypeScript 的开发者来说，h3 是一个非常友好的选择。
项目初始化与基本结构
使用 pnpm 初始化项目并安装 h3 是快速搭建服务器的有效方式。创建基本文件结构后，开发者可以迅速开始编写应用逻辑。了解如何使用 createApp 和 createRouter 函数将有助于更好地组织代码和路由管理。
未来扩展的可能性
虽然本文介绍了如何创建一个基本的 h3 服务器，但其潜力远不止于此。开发者可以通过添加中间件或使用适配器将其扩展为完整的 Node.js 服务器。这为后续功能的实现提供了灵活性，值得开发者关注。
延伸问答
如何使用 pnpm 初始化 h3 项目？
使用命令 pnpm init 创建基础 package.json，然后运行 pnpm i h3 安装 h3。
h3 的 createApp 和 createRouter 函数有什么作用？
createApp 用于创建应用实例，createRouter 用于创建路由并将其注册到应用中。
如何定义 GET 请求的响应？
通过 router.get 方法定义路径为 / 的响应，返回一个包含消息 'Tadaa!' 的对象。
运行服务器后，如何访问它？
运行 pnpm run dev 后，服务器将在端口 3000 提供服务，可以通过浏览器访问。
h3 可以扩展成什么样的服务器？
h3 可以扩展为 Node.js 服务器，或添加中间件和会话认证功能。
使用 h3 创建的基本文件结构是什么样的？
基本文件结构包括 src 目录和 app.ts 文件。
