Hono｜Note

Home
Note
Hono

概要

JavaScriptランタイム「Deno」とwebフレームワーク「Hono」でAPIを作成してみる。

Denoのインストール

1
curl -fsSL https://deno.land/install.sh | sh

Edit shell configs to add deno to the PATH? (Y/n) Y

Set up completions?
[x] zsh

exec $SHELL -lで新しいログインシェルを起動してバージョンが確認できれば完了。

1
deno -V
2
# deno 2.1.10

プロジェクトの作成

DenoプロジェクトをHonoで初期化。

1
deno init --npm hono@latest .

1
⚠️ Do you fully trust npm:create-hono@latest package? Deno will invoke code from it with all permissions. Do you want to continue? [y/n]
2
> y
3
create-hono version 0.15.3
4
✔ Using target directory … .
5
? Which template do you want to use? deno
6
? Directory not empty. Continue? yes
7
✔ Cloning the template
8
# よく分からないが、最後Enter押さないと終わらなかった

実行。

1
deno run --allow-net main.ts

ローカルサーバが起動してHello Hono!が確認できた。

APIの作成

方角を指定して、対応する四神の名前を返すだけのAPI。

1
import { Hono, Context } from 'hono';
2

3
interface FourGods {
4
  north: string;
5
  east:  string;
6
  south: string;
7
  west:  string;
8
}
9

10
const fourGods: FourGods = {
11
  north: 'Black Tortoise',
12
  east:  'Azure Dragon',
13
  south: 'Vermilion Bird',
14
  west:  'White Tiger'
15
};
16

17
const app = new Hono();
18

19
app.get('/north', (c: Context) => {
20
  return c.text(fourGods.north);
21
});
22

23
app.get('/east', (c: Context) => {
24
  return c.text(fourGods.east);
25
});
26

27
app.get('/south', (c: Context) => {
28
  return c.text(fourGods.south);
29
});
30

31
app.get('/west', (c: Context) => {
32
  return c.text(fourGods.west);
33
});
34

35
Deno.serve(app.fetch);

続く...かもね