流式助手
流式助手提供用于流式响应的方法。
导入
ts
import { Hono } from 'hono'
import { stream, streamText, streamSSE } from 'hono/streaming'
stream()
它返回一个简单的流式响应,作为 Response
对象。
ts
app.get('/stream', (c) => {
return stream(c, async (stream) => {
// Write a process to be executed when aborted.
stream.onAbort(() => {
console.log('Aborted!')
})
// Write a Uint8Array.
await stream.write(new Uint8Array([0x48, 0x65, 0x6c, 0x6c, 0x6f]))
// Pipe a readable stream.
await stream.pipe(anotherReadableStream)
})
})
streamText()
它返回一个流式响应,带有 Content-Type:text/plain
、Transfer-Encoding:chunked
和 X-Content-Type-Options:nosniff
头部。
ts
app.get('/streamText', (c) => {
return streamText(c, async (stream) => {
// Write a text with a new line ('\n').
await stream.writeln('Hello')
// Wait 1 second.
await stream.sleep(1000)
// Write a text without a new line.
await stream.write(`Hono!`)
})
})
警告
如果您正在为 Cloudflare Workers 开发应用程序,流式处理在 Wrangler 上可能无法正常工作。如果是这样,请为 Content-Encoding
头部添加 Identity
。
ts
app.get('/streamText', (c) => {
c.header('Content-Encoding', 'Identity')
return streamText(c, async (stream) => {
// ...
})
})
streamSSE()
它允许您无缝地流式传输服务器发送事件 (SSE)。
ts
const app = new Hono()
let id = 0
app.get('/sse', async (c) => {
return streamSSE(c, async (stream) => {
while (true) {
const message = `It is ${new Date().toISOString()}`
await stream.writeSSE({
data: message,
event: 'time-update',
id: String(id++),
})
await stream.sleep(1000)
}
})
})
错误处理
流式助手的第三个参数是错误处理程序。此参数是可选的,如果您没有指定它,错误将作为控制台错误输出。
ts
app.get('/stream', (c) => {
return stream(
c,
async (stream) => {
// Write a process to be executed when aborted.
stream.onAbort(() => {
console.log('Aborted!')
})
// Write a Uint8Array.
await stream.write(
new Uint8Array([0x48, 0x65, 0x6c, 0x6c, 0x6f])
)
// Pipe a readable stream.
await stream.pipe(anotherReadableStream)
},
(err, stream) => {
stream.writeln('An error occurred!')
console.error(err)
}
)
})
在执行回调后,流将自动关闭。
警告
如果流式助手的回调函数抛出错误,则不会触发 Hono 的 onError
事件。
onError
是一个钩子,用于在发送响应之前处理错误并覆盖响应。但是,当执行回调函数时,流已经开始,因此无法覆盖它。