Midway Hooks 文件路由实战:用纯函数与文件目录快速生成 API 接口

发布时间:2026/10/10 13:57:43

Midway Hooks 文件路由实战:用纯函数与文件目录快速生成 API 接口 后端微服务云原生【免费下载链接】midway A Node.js Serverless Framework for front-end/full-stack developers. Build the application for next decade. Works on AWS, Alibaba Cloud, Tencent Cloud and traditional VM/Container. Super easy integrate with React and Vue. 项目地址https://gitcode.com/gh_mirrors/mi/midway点击查看免费下载本文围绕 Midway Hooksmidwayjs/hooks的Easy Mode简易模式与文件系统路由Filesystem Routing展开讲解如何通过midway.config.ts中的routes配置开启文件路由系统让目录结构、文件命名直接决定 HTTP 接口路径从而在前端/全栈项目中用纯函数快速产出GET/POST接口。读完本文你将掌握简易模式下的接口编写、Api()与路径参数ParamsT的配合使用以及 index 路由、嵌套路由、通配路由、动态路径参数的完整规则并能结合仓库内的 React 全栈示例进行验证。什么是简易模式Simple mode在 Midway Hooks 中简易模式允许**只用普通异步函数pure functions**来快速创建 HTTP 接口无需编写Controller、Get等装饰器。函数即接口导出即路由。使用简易模式需要满足两个前提必须开启文件路由系统需要在midway.config.js或midway.config.ts中配置routes字段接口方法受限由纯函数自动生成的路由只支持GET与POST两种 HTTP 方法在全栈应用中这种自动生成的方式不支持传递Query / Params / Header参数。需要注意即便处于简易模式你仍然可以使用Api()来定义路由并且支持手动指定路径此时basePath会自动拼接到生成的路径前缀中详见下文使用 Api() 创建路由。简易模式接口编写GET 与 POSTGET 请求一个最简单的 GET 接口只需要导出一个异步函数并通过useContext()获取 HTTP 请求上下文import { useContext } from midwayjs/hooks; export async function getPath() { // 通过 Hooks 获取 HTTP 请求上下文 const ctx useContext(); return ctx.path; }集成调用全栈项目零 API直接像调用普通函数一样导入并调用import { getPath } from ./api/lambda; const path await getPath(); console.log(path); // /api/getPath手动调用使用fetcher按生成的路径发起请求fetcher .get(/api/getPath) .then((res) { console.log(res.data); // /api/getPath });POST 请求POST 接口同样是一个普通异步函数函数参数即接口入参import { useContext } from midwayjs/hooks; export async function post ( name: string ) { const ctx useContext(); return { message: Hello ${name}!, method: ctx.method }; }集成调用import { post } from ./api/lambda; const response await post(Midway); console.log(response.data); // { message: Hello Midway!, method: POST}手动调用手动调用时函数入参需要放在 HTTP Body 的args数组中传递fetch(/api/post, { method: POST, headers: { Content-Type: application/json, }, body: JSON.stringify({ args: [Midway] }), }).then((res) { console.log(res.data); // { message: Hello Midway!, method: POST} });使用 Api() 创建路由在简易模式下你依然可以使用Api()来创建路由但需要注意路径指定方式的约束无效写法Api(Get(/specify_path))—— 简易模式下不支持手动指定路径有效写法不传路径由文件系统自动生成。下面是一个同时导出两条路由的合法示例getPath为具名导出default为默认导出二者路由均由文件系统自动生成import { Api, Get } from midwayjs/hooks; import { useContext } from midwayjs/hooks; export async function getPath() { // 通过 Hooks 获取 HTTP 请求上下文 const ctx useContext(); return ctx.path; } export default Api(Get(), async () { return Hello Midway!; });开启文件系统路由midway.config.ts 配置在midway.config.js或midway.config.ts中开启routes配置即可同时启用文件路由系统与简易模式import { defineConfig } from midwayjs/hooks; export default defineConfig({ source: ./src/apis, routes: [ { baseDir: lambda, basePath: /api, }, ], });字段说明字段说明默认值 / 取值范围source后端代码目录默认./src/apis也可自定义为./src/functions等目录routes路由配置默认是一个数组数组可包含多个路由组routes[].baseDir函数目录该目录下任意.ts文件中导出的异步函数都会自动生成为 Api 接口相对source的目录名如lambdaroutes[].basePath生成的 Api 地址前缀如/api仓库内的真实示例 site/example/function/midway.config.ts 与上述配置完全一致对应的后端接口目录为src/apis/lambda其下index.ts中默认导出GET与具名导出postPOST分别被生成为接口见 site/example/function/src/apis/lambda/index.ts。路由生成规则开启文件路由后目录结构与文件命名将直接决定最终的路由路径。以下是全部规则。Index 路由index.ts 作为根路由目录下的index.ts文件会作为该目录的根路由/lambda/index.ts→//lambda/about/index.ts→/about嵌套路由文件与目录逐级映射嵌套文件会生成嵌套路由/lambda/about.ts→/about/lambda/blog/index.ts→/blog/lambda/about/contact.ts→/about/contact导出方式与路由的对应关系文件内默认导出的函数生成到根路径具名导出的函数则将函数名拼接到路径上。以/lambda/about.ts为例export default () {}→/aboutexport function contact ()→/about/contact提示结合前文的示例/lambda/index.ts中默认导出对应根路径具名导出post则对应/api/post与示例测试 site/example/function/src/apis/lambda/index.test.ts 中断言的GET/POST行为一致。通配路由Wildcard routing如果需要生成通配路由例如/api/*用于匹配/api、/api/about、/api/about/a/B/c等文件名使用[...file]格式。 建议通配路由中只使用export default导出函数以避免不必要的路由冲突。示例/lambda/[...index].ts→/api/*/lambda/[...user].ts→/api/user/*/lambda/about/[...contact].ts→/api/about/contact/*路径参数Path parameters如果需要生成动态路径参数文件名使用[file]格式/lambda/[name]/project.ts→/api/about/:name/project请求/about/midwayjs/project→{ name: midwayjs }/lambda/[type]/[page].ts→/api/about/:type/:page请求/blog/1→{ type: blog, page: 1 }请求/articles/3→{ type: articles, page: 3 }使用路径参数时只能使用Api()开发后端接口并使用ParamsT标记类型。以/lambda/[name]/project.ts为例// lambda/[name]/project.ts import { Api, Get, Params, useContext } from midwayjs/hooks; export default Api ( Get(), Params{ name: string }(), async () { const ctx useContext(); return { name: ctx.params.name }; } );集成调用全栈项目中通过params传参import getProject from ./api/[name]/project; const response await getProject({ params: { name: midwayjs} }); console.log(response); // { name: midwayjs}手动调用fetch(/api/about/midwayjs/project) .then((res) res.json()) .then((res) console.log(res)); // { name: midwayjs}结合仓库示例验证一个完整的 React 全栈应用仓库中的 site/example/function 是一个名为midway-hooks-react的完整示例其依赖包括midwayjs/hooks、midwayjs/koa、react与vite见 site/example/function/package.json。它的目录结构与本文档描述的规则一一对应. ├── midway.config.ts // 配置目录与路由 ├── src │ ├── apis // 后端目录source │ │ ├── configuration.ts // Hooks 配置 │ │ └── lambda // Api 目录对应 routes[].baseDir │ │ ├── index.test.ts // Api 单元测试 │ │ └── index.ts // Api 接口文件 │ ├── App.tsx // React 前端 │ └── main.tsx └── vite.config.ts后端接口文件 site/example/function/src/apis/lambda/index.ts 中默认导出GET/api与具名导出postPOST/api/post同时存在前端 site/example/function/src/App.tsx 直接import hello, { post } from ./apis/lambda并像调用普通函数一样调用hello()、post(message)正是零 API 集成调用的典型用法单元测试 site/example/function/src/apis/lambda/index.test.ts 通过midwayjs/hooks-testing-library的createApp()创建应用用app.runFunction与app.request两种方式验证了默认导出返回{ message: Hello World, method: GET }、post返回{ method: POST, name: Jake }的行为Hooks 配置 site/example/function/src/apis/configuration.ts 通过createConfiguration导入hooks并挂载koa-bodyparser中间件保证 POST body 可以解析Vite 侧通过 site/example/function/vite.config.ts 接入midwayjs/vite-plugin-hooks插件实现开发期前后端一体化。运行该示例开发模式执行npm run dev构建执行npm run build先后执行build:client与build:server生产模式执行node bootstrap.js。与 Api() 完整 API 的衔接本主题聚焦于文件路由与简易模式当需要处理QueryT、HeadersT、HttpCode、SetHeader、Redirect、ContentType等更完整的能力时可继续阅读同目录下的 API 开发文档其中详细列出了All / Get / Post / Put / Delete / Patch / Head / Options全部 HTTP 触发器及其用法与本主题中的Api(Get(), Params...())写法一脉相承。小结与注意事项简易模式的本质是函数即接口source指定后端目录routes[].baseDir指定接口目录basePath指定统一前缀自动生成的路由只支持GET/POST且不自动支持Query / Params / Header传参需要动态路径参数时必须使用Api()ParamsTindex.ts映射根路径嵌套目录/文件逐级映射路径具名导出拼接函数名[name]声明路径参数[...name]声明通配路由通配路由中建议只使用默认导出避免路由冲突文件路由的最终路径由basePath 文件系统映射路径拼接而成手动调用时需按完整路径含basePath前缀发起请求。赞分享后端微服务云原生【免费下载链接】midway A Node.js Serverless Framework for front-end/full-stack developers. Build the application for next decade. Works on AWS, Alibaba Cloud, Tencent Cloud and traditional VM/Container. Super easy integrate with React and Vue. 项目地址https://gitcode.com/gh_mirrors/mi/midway点击查看免费下载相关推荐Midway Hooks 文件路由Filesystem Routing实战从纯函数到 RESTful 接口的零配置之路Midway Hooks 文件路由Filesystem Routing实战从纯函数到 RESTful 接口的零配置之路 Midway Hooks 是 Mi后端微服务云原生Midway 简易模式与文件系统路由用纯函数把目录结构变成 HTTP APIMidway 简易模式与文件系统路由用纯函数把目录结构变成 HTTP API 在 Midway Hooks 中简易模式与文件系统路由是面向全栈开发者后端微服务云原生使用 XTuner QLoRA 微调 InternLM2-7B-Chat最低 8GB 显存打造专属职场教练大模型使用 XTuner QLoRA 微调 InternLM2 7B Chat最低 8GB 显存打造专属职场教练大模型 本指南以《开源大模型食用指南》项目中 Int后端微服务云原生创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
延伸阅读

更多相关文章

2026/10/10 14:53:04

显卡驱动卸载后如何重新安装?手把手教你恢复显示与性能

1. 显卡驱动卸载了怎么重新安装 手把手教你重新安装显卡驱动这玩意儿,平时安安静静待在系统里干活,你基本感觉不到它的存在。可一旦手贱把它卸了,或者卸载过程中出了岔子,那画面就精彩了——分辨率瞬间掉到800600,图标…

2026/10/10 14:53:04

盲盒抽奖商城源码拆解:盒机、支付回调与并发避坑

简介:这是一套基于ThinkPHP框架开发的潮玩盲盒商城系统源码,面向希望快速搭建抽盒机、H5商城或公众号端盲盒平台的开发者和商家。系统覆盖盲盒展示、在线抽奖、一番赏等常见玩法,内置支付商户设置,可支撑活动上线后的日常运营。资…

2026/10/10 14:53:04

CentOS 7 停止维护后 yum 源失效?完整更换指南与排查技巧

CentOS 7 在 2024 年 6 月 30 日正式停止维护了,这意味着 CentOS 官方仓库里的所有软件包都停止更新,而且官方源从 2024 年 8 月开始陆续迁移到 vault.centos.org 归档站点。很多还在生产环境里跑着 CentOS 7 的朋友,某天突然执行yum update发…

2026/10/10 14:53:04

Joplin 二次开发实战:从环境搭建到插件发布与性能调优

1. 为什么我要从零造一个笔记应用市面上笔记工具多如牛毛,随手一抓就是一大把。但真正用下来你会发现一个尴尬的现实:要么是云端优先、离线几乎不可用,要么是数据格式封闭、想导出都费劲,要么是插件生态贫瘠、想定制个功能得等官方…

2026/10/10 14:53:04

JVM调优实战:从内存区域到GC日志,搞定Java性能瓶颈

你开了一家餐厅。生意越来越好,客人排队排到门口。你还没来得及高兴,后厨先崩了:备餐台堆满食材,冰箱塞到关不上门,厨师在过道里互相撞,出餐速度肉眼可见地变慢。你咬牙租了更大的厨房、买了更大的冰柜&…

2026/10/10 14:48:03

智谱GLM-5.3 vs Kimi K3:2026-10-08深度对比分析:中文Agent生态...

智谱GLM-5.3 vs Kimi K3:2026-10-08深度对比分析:中文Agent生态与超长上下文技术路线引言:选型困境在国产AI大模型生态中,智谱GLM系列与月之暗面Kimi系列分别代表了两种不同的技术路线。前者以均衡的中文理解、代码生成和逻辑推理…

2026/10/10 7:31:36

Jev+Agent接管浏览器:browser-use实战与jev-ultrafast性能优化

1. 从“Jev”说起:为什么我要把Agent接进浏览器“Jev”这个词最近在圈子里出现的频率越来越高,很多人第一次听到会以为是某个新模型的名字,其实它更像是一种思路——把Jev模型的能力当作底座,通过Agent的方式去接管浏览器&#xf…

2026/10/9 20:15:56

多智能体集群实战:DeepAgents编排、MCP与A2A协议及Skills体系

1. 从"单兵作战"到"集群协同":多智能体编排到底在解决什么问题如果你最近在折腾 Agent 相关的东西,大概率会有一种感觉:单个 Agent 能做的事情,其实很快就摸到天花板了。你给它一个提示词,挂几个工…

2026/10/8 6:05:44

无源低通滤波器设计实战:从RC到LC,手把手教你避开那些坑

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/10 0:04:53

从逻辑门到计算机:数字电路核心原理与全加器搭建实战

如果你拆过一台旧电脑的主板,盯着那些黑乎乎的小芯片看上一会儿,可能会冒出同一个疑问:这堆引脚密集的元件,到底是怎么“变”出那么复杂的应用的?答案并不在某个神秘的部件里,而是在所有芯片内部都在反复使…

还想了解更多?直接咨询顾问

免费诊断 + 免费方案 + 透明报价。

全国咨询热线400-8866-253
免费获取方案
☎咨询二维码 ☎ ↑