TypeScript × express でローカルサーバーを立ち上げる

この記事でのゴール

TypeScriptとexpressを使ってローカルサーバーを起動する

前提条件

以下をインストール済みであること

• Node.js(16系)
• npm または yarn

使うもの

• @types/express(4.17.17)
• express(4.18.2)
• ts-node(10.9.1)
• typescript(5.1.6)

ファイル構成

├── package.json
├── src
│   └── index.ts // このファイルを使って実行
└── yarn.lock

やること

1. コードを書く
2. コマンドでサーバーを立ち上げる

1. コードを書く

src/index.ts に以下の通りコードを記述します。

import express, { Response } from 'express'

const PORT = 3000

const app = express()

app.get('/', (req, res: Response) => {
  res.statusCode = 200
  res.send('hello world :)')
})

app.listen(PORT)

2. コマンドでサーバーを立ち上げる

package.json に scripts を追加

"scripts": {
  "start": "ts-node ./src/index.ts"
}

package.json がルートにある状態でコマンドを実行

yarn start

ブラウザのURLに http://localhost:3000 を入れると hello world :) が表示されます。