跳至内容

Netlify

Netlify 提供静态站点托管和无服务器后端服务。 边缘函数 使我们能够使网页动态化。

边缘函数支持使用 Deno 和 TypeScript 编写,并且可以通过 Netlify CLI轻松部署。使用 Hono,您可以为 Netlify 边缘函数创建应用程序。

1. 设置

Netlify 的入门程序可用。使用 "create-hono" 命令开始您的项目。在此示例中,选择 netlify 模板。

sh
npm create hono@latest my-app
sh
yarn create hono my-app
sh
pnpm create hono my-app
sh
bunx create-hono my-app
sh
deno run -A npm:create-hono my-app

移至 my-app

2. Hello World

编辑 netlify/edge-functions/index.ts

ts
import { Hono } from 'jsr:@hono/hono'
import { handle } from 'jsr:@hono/hono/netlify'

const app = new Hono()

app.get('/', (c) => {
  return c.text('Hello Hono!')
})

export default handle(app)

3. 运行

使用 Netlify CLI 运行开发服务器。然后,在您的 Web 浏览器中访问 https://127.0.0.1:8888

sh
netlify dev

4. 部署

您可以使用 netlify deploy 命令进行部署。

sh
netlify deploy --prod

Context

您可以通过 c.env 访问 Netlify 的 Context

ts
import { Hono } from 'jsr:@hono/hono'
import { handle } from 'jsr:@hono/hono/netlify'

// Import the type definition
import type { Context } from 'https://edge.netlify.com/'

export type Env = {
  Bindings: {
    context: Context
  }
}

const app = new Hono<Env>()

app.get('/country', (c) =>
  c.json({
    'You are in': c.env.context.geo.country?.name,
  })
)

export default handle(app)

在 MIT 许可下发布。