プロジェクトの作成

console
npx create-cloudflare sample-hono https://github.com/honojs/hono-minimal

以下、作成されたディレクトリ構造

console
root@5ad01add5449:/workspace# tree sample-hono
sample-hono
|-- README.md
|-- jest.config.js
|-- package.json
|-- src
|   |-- index.test.ts
|   `-- index.ts
`-- wrangler.toml

依存モジュールをインストール

console
root@5ad01add5449:/workspace/sample-hono# npm i
console
root@5ad01add5449:/workspace/sample-hono# npm run dev

> [email protected] dev
> wrangler dev src/index.ts

 ⛅️ wrangler 2.0.15
--------------------
Attempting to login via OAuth...
Opening a link in your default browser: https://dash.cloudflare.com/oauth2/auth?response_type=code&client_id=...省略

ブラウザを開き上記のURLを叩いてCloudflareにログインする

console
C:\Users\szk>curl http://localhost:35915/
<h1>Hello Hono!</h1>

デプロイする

console
npm run deploy

以下のエンドポイントのworkerが作成された

  • hono-minimal.szk302.workers.dev

sample-honoというWorker名にしたいため、wrangler.tomlのnameを書き換えた。

wrangler.toml
name="sample-hono"
workers_dev = true

compatibility_date = "2022-02-03"

もう一度デプロイ

console
npm run deploy
cmd
C:\Users\szk>curl https://sample-hono.szk302.workers.dev/
<h1>Hello Hono!</h1>

参考