Skip to content

Hono Cloudflare Workers

Setup

cloudflare-workersを選択。

sh
pnpm create hono@latest cloudflare_hono

cloudflare_honoディレクトリに移動。

sh
cd cloudflare_hono

Directory Structure

.
├── package.json
├── pnpm-lock.yaml
├── README.md
├── src
│   └── index.ts
├── tsconfig.json
└── wrangler.toml

Simple API

ts
import { Hono } from 'hono'

const app = new Hono()

app.get('/', (c) => {
  return c.json({ message: 'Cloudflare Workers Hono🔥' })
})

export default app

wrangler.toml

toml
name = "cloudflare_hono"
main = "src/index.ts"
compatibility_date = "****-**-**"

[dev]
ip = "0.0.0.0"
port = 8787
***

Run

sh
pnpm run dev

Accesse Browser

http://localhost:8787/

Wrangler login

Deploy

sh
pnpm run deploy
sh
> ***
> wrangler deploy --minify


 ⛅️ wrangler *.**.*
-------------------

Attempting to login via OAuth...
Opening a link in your default browser: https://***
 [WARNING] Failed to open

Workers Delete

sh
pnpm wrangler delete
sh
 ⛅️ wrangler *.**.*
-------------------

? Are you sure you want to delete cloudflare_hono? This action cannot be undone. › (Y/n)

Login

sh
pnpm wrangler login

Logout

sh
pnpm wrangler logout