Hono Cloudflare Workers

• Cloudflare Workers

Setup

 cloudflare-workersを選択。

pnpm

pnpm create hono@latest cloudflare_hono

 cloudflare_honoディレクトリに移動。

pnpm

cd cloudflare_hono

Directory Structure

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

Simple API

apps/cloudflare_hono/src/index.ts

import { Hono } from 'hono'

const app = new Hono()

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

export default app

wrangler.toml

wrangler.toml

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

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

Run

pnpm

pnpm run dev

Accesse Browser

http://localhost:8787/

Wrangler login

• DevContainer環境でWrangler loginを行う方法

• Use wrangler login on a remote machine

Deploy

pnpm

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

pnpm

pnpm wrangler delete

sh

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

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

Login

pnpm

pnpm wrangler login

Logout

pnpm

pnpm wrangler logout