✨
チュートリアルでHonoる
はじめに
Fast, lightweight, built on Web Standards. Support for any JavaScript runtime.
とサイトには記載されているけれども、どの程度簡単にそしてスピーディに開発できるのかを体験していなかったので、体験したくなってきた。
インストール
コマンド一発で環境ができるらしい。
$ pnpm create hono@latest
.../Library/pnpm/store/v3/tmp/dlx-84629 | +1 +
.../Library/pnpm/store/v3/tmp/dlx-84629 | Progress: resolved 1, reused 0, downloaded 1, added 1, done
create-hono version 0.14.3
? Target directory hono-tutorial-app
? Which template do you want to use? aws-lambda
? Do you want to install project dependencies? yes
? Which package manager do you want to use? pnpm
✔ Cloning the template
✔ Installing project dependencies
🎉 Copied project files
Get started with: cd hono-tutorial-app
ローカルで確認できるようにする
必要なパッケージをインストール。
$ pnpm add @hono/node-server
$ pnpm add -D tsx
ローカルで実行できるように書き換え
index.local.ts
import { serve } from "@hono/node-server";
# index.ts で定義した app
import { app } from ".";
const port = 5555;
console.log("server start!!");
serve({
fetch: app.fetch,
port,
});
コマンドも追加。
package.json
"scripts: {
"dev": "tsx watch src/index.local.ts"
}
確認してみる
ローカルサーバを立ち上げ
$ pnpm run dev
> hono-tutorial-app@ dev /Users/wataru/Documents/workspace/typescript/hono-tutorial-app
> tsx watch src/index.local.ts
server start!!
リクエストしてみる
$ curl http://localhost:5555
Hello Hono!%
確認できた!
まとめ
簡単にローカル実行するところまではできた。
今度はより複雑な要素を返してみよう!
Discussion