Skip to content

HonoRequest

HonoRequest 是一个可以从 c.req 中获取的对象,它封装了 Request 对象。

param()

获取路径参数的值。

ts
// 捕获的参数
app
.
get
('/entry/:id', async (
c
) => {
const
id
=
c
.
req
.
param
('id')
// ... }) // 一次性获取所有参数
app
.
get
('/entry/:id/comment/:commentId', async (
c
) => {
const {
id
,
commentId
} =
c
.
req
.
param
()
})

query()

获取查询字符串参数。

ts
// 查询参数
app
.
get
('/search', async (
c
) => {
const
query
=
c
.
req
.
query
('q')
}) // 一次性获取所有参数
app
.
get
('/search', async (
c
) => {
const {
q
,
limit
,
offset
} =
c
.
req
.
query
()
})

queries()

获取多个查询字符串参数值,例如 /search?tags=A&tags=B

ts
app
.
get
('/search', async (
c
) => {
// tags 将会是 string[] 类型 const
tags
=
c
.
req
.
queries
('tags')
// ... })

获取请求头的值。

ts
app
.
get
('/', (
c
) => {
const
userAgent
=
c
.
req
.
header
('User-Agent')
return
c
.
text
(`Your user agent is ${
userAgent
}`)
})

WARNING

当不带参数调用 c.req.header() 时,返回记录中的所有键都是小写的。

如果您想获取带有大写名称的 header 的值,请使用 c.req.header(“X-Foo”)

ts
// ❌ 将不起作用
const headerRecord = c.req.header()
const foo = headerRecord['X-Foo']

// ✅ 将起作用
const foo = c.req.header('X-Foo')

parseBody()

解析 multipart/form-dataapplication/x-www-form-urlencoded 类型的 Request body。

ts
app
.
post
('/entry', async (
c
) => {
const
body
= await
c
.
req
.
parseBody
()
// ... })

parseBody() 支持以下行为。

单个文件

ts
const 
body
= await
c
.
req
.
parseBody
()
const
data
=
body
['foo']

body['foo'] 的类型是 (string | File)

如果上传了多个文件,则将使用最后一个。

多个文件

ts
const 
body
= await
c
.
req
.
parseBody
()
body
['foo[]']

body['foo[]'] 始终是 (string | File)[]

需要 [] 后缀。

具有相同名称的多个文件

ts
const 
body
= await
c
.
req
.
parseBody
({
all
: true })
body
['foo']

默认情况下,all 选项被禁用。

  • 如果 body['foo'] 是多个文件,它将被解析为 (string | File)[]
  • 如果 body['foo'] 是单个文件,它将被解析为 (string | File)

点号表示法

如果您将 dot 选项设置为 true,则返回值将基于点号表示法进行结构化。

想象一下接收到以下数据:

ts
const 
data
= new
FormData
()
data
.
append
('obj.key1', 'value1')
data
.
append
('obj.key2', 'value2')

您可以通过设置 dot 选项为 true 来获取结构化的值:

ts
const 
body
= await
c
.
req
.
parseBody
({
dot
: true })
// body 的类型是 `{ obj: { key1: 'value1', key2: 'value2' } }`

json()

解析 application/json 类型的请求 body。

ts
app
.
post
('/entry', async (
c
) => {
const
body
= await
c
.
req
.
json
()
// ... })

text()

解析 text/plain 类型的请求 body。

ts
app
.
post
('/entry', async (
c
) => {
const
body
= await
c
.
req
.
text
()
// ... })

arrayBuffer()

将请求 body 解析为 ArrayBuffer

ts
app
.
post
('/entry', async (
c
) => {
const
body
= await
c
.
req
.
arrayBuffer
()
// ... })

blob()

将请求 body 解析为 Blob

ts
app
.
post
('/entry', async (
c
) => {
const
body
= await
c
.
req
.
blob
()
// ... })

formData()

将请求 body 解析为 FormData

ts
app
.
post
('/entry', async (
c
) => {
const
body
= await
c
.
req
.
formData
()
// ... })

valid()

获取已验证的数据。

ts
app.post('/posts', async (c) => {
  const { title, body } = c.req.valid('form')
  // ...
})

可用的目标如下。

  • form
  • json
  • query
  • header
  • cookie
  • param

有关用法示例,请参阅 验证部分

routePath()

您可以像这样检索处理程序中注册的路径:

ts
app
.
get
('/posts/:id', (
c
) => {
return
c
.
json
({
path
:
c
.
req
.
routePath
})
})

如果您访问 /posts/123,它将返回 /posts/:id

json
{ "path": "/posts/:id" }

matchedRoutes()

它返回处理程序中匹配的路由,这对于调试很有用。

ts
app
.
use
(async function
logger
(
c
,
next
) {
await
next
()
c
.
req
.
matchedRoutes
.
forEach
(({
handler
,
method
,
path
},
i
) => {
const
name
=
handler
.
name
||
(
handler
.
length
< 2 ? '[handler]' : '[middleware]')
console
.
log
(
method
,
' ',
path
,
' '.
repeat
(
Math
.
max
(10 -
path
.
length
, 0)),
name
,
i
===
c
.
req
.
routeIndex
? '<- respond from here' : ''
) }) })

path

请求路径名。

ts
app
.
get
('/about/me', async (
c
) => {
const
pathname
=
c
.
req
.
path
// `/about/me`
// ... })

url

请求 url 字符串。

ts
app
.
get
('/about/me', async (
c
) => {
const
url
=
c
.
req
.
url
// `http://localhost:8787/about/me`
// ... })

method

请求的方法名。

ts
app
.
get
('/about/me', async (
c
) => {
const
method
=
c
.
req
.
method
// `GET`
// ... })

raw

原始的 Request 对象。

ts
// 用于 Cloudflare Workers
app.post('/', async (c) => {
  const metadata = c.req.raw.cf?.hostMetadata?
  // ...
})

在 MIT 许可证下发布。