DEV Community
·
使用 unjs 的 h3 入门指南
💡
原文英文，约500词，阅读约需2分钟。
📝
内容提要
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 服务器或添加中间件。
❓
延伸问答
如何使用 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 文件。
🏷️
标签
➡️
