全书目录

第三十四篇:Hono 完全指南 —— 边缘轻骑哨站宇宙

第十站:Hono 不只会回 JSON,它也能当页面哨站

1 分钟 211 字 第 646 / 962 个阅读单元

很多人第一次见 Hono,只拿它当边缘 API 路由器。

这当然没错,但不完整。

Hono 也可以回 HTML,甚至带 JSX 渲染。

你可以把它理解成:这座边境哨站不光能发公文,还能直接贴布告。

#JSX Renderer

tsx
import { Hono } from 'hono'
import { jsxRenderer } from 'hono/jsx-renderer'

const app = new Hono()

app.use(
  '/briefing/*',
  jsxRenderer(({ children }) => (
    <html>
      <body>
        <main>{children}</main>
      </body>
    </html>
  ))
)

app.get('/briefing/today', (c) => {
  return c.render(
    <section>
      <h1>今日边境简报</h1>
      <p>北线平稳,补给已到。</p>
    </section>
  )
})

这个能力的意义不是“它要和 Next.js 全面对打”,而是:

  • 某些小页面
  • 管理页
  • 落地页
  • 轻 SSR 内容页
  • 边缘 HTML 响应

你可以直接在 Hono 层完成,而不用额外拉一整套重型页面系统。